Я прочитал много исправлений и документации, но кажется, что мой код все еще не работает. Я использовал загрузчик datetimepicker, работающий на версии 4.17.37.
Я пробовал разные коды, но ни один из них не работал. Это то, что я хотел сделать с указателем даты и времени.
(1) Отключить часть времени. Например, я хочу отключить 5:00 вечера до 7:00 утра.
(2) Отключите или выделите серым цветом предыдущие даты, кроме текущей. Например, сегодня 24 июля, 23 июля и ранее должны быть выделены серым цветом, и вы не можете щелкнуть по нему.
Это коды, найденные внутри моего файла.
Скрипты, объявляющие указатель даты и времени, отключающие диапазон времени и скрывающие предыдущие даты
<script type='text/javascript'>
// Date & Time Picker JS
$( document ).ready(function() {
$('#datetimepicker1').datetimepicker();
});
//Disable previous dates
$(function () {
$('.datetimepicker2').datetimepicker({
minDate:new Date(),
disabledDates: [new Date()]
});
});
//Set time range for service
$('.datetimepicker2').datetimepicker({disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 18 }), moment({ h: 24 })]]});
</script>
Вот так выглядит мой HTML-код
<div class='input-group date datetimepicker2' id='datetimepicker1'>
<input type='text' class="form-control" name="appointment" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
Любая помощь будет очень ценится, спасибо!
Задача ещё не решена.
Других решений пока нет …