如何在jQuery中使用两个或多个时间选择器

Question

我在同一页上使用2个日期选择器..这就是时不时的叫法。现在它只工作一次拾取器。另一个时间选择器不工作..我的意思是时间是有效的，但是时间不是有效的..你能告诉我我的错误在哪里吗？

小提琴：My code is here

这是我的代码..

​

/* FRom date */
var timepicker = new TimePicker('time', {
  lang: 'en',
  theme: 'dark'
});
timepicker.on('change', function(evt) {

  var value = (evt.hour || '00') + ':' + (evt.minute || '00');
  evt.element.value = value;
});

/* To date */

var joe = new TimePicker('sample', {
  lang: 'en',
  theme: 'dark'
});
joe.on('change', function(e) {

  var value = (e.hour || '00') + ':' + (e.minute || '00');
  e.element.value = value;
});

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="https://scripts/snippet-javascript-console.min.js"></script>
<link href="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>


<div class="row">
  <div>From time:
    <input type="text" id="time" placeholder="Time">
  </div>
  <div>

  </div>To time:
  <input type="text" id="sample" placeholder="Time">
</div>

​

Answer 1

如果两个功能是相同的，你可以像下面这样初始化，这看起来是基于你的小提琴工作的

/* FRom date */
var timepicker = new TimePicker(['time', 'sample'], {
  lang: 'en',
  theme: 'dark'
});
timepicker.on('change', function(evt) {

  var value = (evt.hour || '00') + ':' + (evt.minute || '00');
  evt.element.value = value;
});