时间戳

首页 > 解决方案 > 如何在 jQuery 中使用两个或多个时间选择器

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

问题描述

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

小提琴：我的代码在这里

这是我的代码..

/* 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>

标签： javascriptjqueryhtml

解决方案

如果两个功能都相同，您可以初始化如下所示的内容，这似乎基于您的小提琴

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

推荐阅读