无法在2个不同的文本输入中分配jQuery Timepickers。

时间:2011-12-14 14:22:01

标签: jquery html timepicker

我有两个Timepickers。问题是两个时间戳都属于一个文本输入开始时间输入),当它们属于两个不同的时候。

durationpicker 用于持续时间输入, timepicker 用于开始时间

如何分隔时间选择器以使它们属于正确的输入?

下面是jQuery代码:

$('#durationpicker').timepicker({});

$(function() {
    $('#timepicker').timepicker({
        showOn: 'button',
        button: '.timepicker_button_trigger'
    });
});

HTML:

 <form action="QandATable.php" method="post" id="sessionForm">
   <p>
     <strong>3: Duration:</strong>
     <input type="text" id="durationpicker" name="durationChosen" readonly="readonly"/>
   <p>
    <strong>5: Start Time:</strong>
    <input type="text" id="timepicker" name="timeChosen" readonly="readonly" />
    <span class="timepicker_button_trigger">
      <img src="Images/clock.gif" alt="Decrease" />
    </span> <br/>
    <span id="dateTimeAlert"></span>
  </p>
</form>

注意:我使用Trentrichardson's Timepicker表示持续时间输入,François Gélinas表示开始时间输入。

1 个答案:

答案 0 :(得分:1)

您已在“文档就绪”功能之外声明了#durationpicker的时间戳,但它无效。

尝试将其移动到另一个附近。