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

Question

我在同一个页面上使用了 2 个日期选择器.. 这称为从时间和到时间。现在它只能使用一次选择器。另一个时间选择器不工作..我的意思是从时间开始工作，但是到时间不工作..你能告诉我我的错误是什么吗..

fiddle :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

如果两种功能相同，你可以初始化如下所示的东西，这似乎是基于你的 fiddle 工作

/* 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;
});