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

Question

我有两个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 的 Timepicker输入持续时间，使用François Gélinas输入开始时间。

Answer 1

您已经#durationpicker在“文档准备就绪”功能之外声明了时间选择器，它不起作用。

试着把它移到另一个附近。