Я использую xd_soft datetimepicker
здесь: http://xdsoft.net/jqplugins/datetimepicker/xd_soft 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>
Как получить только одно значение для выбора?