javascript - xd_soft datetimepicker 在只选择一个时间值时突出显示多个时间值

Question

我在这里使用 xd_soft datetimepicker:http://xdsoft.net/jqplugins/datetimepicker/

我通过添加以下 js 代码来填充时间选项:

$('.my_class').datetimepicker({
format:'m/d/Y g:i A',
formatTime: 'g:i A',
allowTimes: ['2:00 PM', '2:30 PM', 
    '3:00 PM', '3:30 PM', 
    '4:00 PM', '4:30 PM', 
    '5:00 PM', '5:30 PM', 
    '6:00 PM', '6:30 PM', 
    '7:00 PM', '7:30 PM', 
    '8:00 PM', '8:30 PM'],
timepicker: true,
lang: 'en'
});

这是在填充正确的时间选项，但是当我选择一个值时，那个小时的每个值都会突出显示。例如，如果我单击 2:00 PM，则 2:00 PM 和 2:30 PM 都会突出显示。如果我单击 3:30 PM，则 3:30 PM 和 3:00 PM 都会突出显示。请注意，正确的值仍会填充相应的 input 元素。

问题在于，它正在将类 xdsoft_current 添加到两个类 div，而实际上它应该只添加到一个。在下面的示例中，如果我单击 3:30 PM，我将获得相应的 HTML。

<div class="xdsoft_time_variant" style="margin-top: -51px;">
  <div class="xdsoft_time " data-hour="14" data-minute="0">2:00 PM</div>
  <div class="xdsoft_time " data-hour="14" data-minute="30">2:30 PM</div>
  <div class="xdsoft_time xdsoft_current" data-hour="15" data-minute="0">3:00 PM</div>
  <div class="xdsoft_time xdsoft_current" data-hour="15" data-minute="30">3:30 PM</div>
...
  <div class="xdsoft_time " data-hour="19" data-minute="30">7:30 PM</div>
  <div class="xdsoft_time " data-hour="20" data-minute="0">8:00 PM</div>
  <div class="xdsoft_time " data-hour="20" data-minute="30">8:30 PM</div>
</div>

如何只选择一个值？

Answer 1

使用步长:30

查看github上的issue:

https://github.com/xdan/datetimepicker/issues/192