Datetimepicker from
и to
проверка работает нормально, если поля изначально не заполнены.
Но функция обработчика событий не работает, если поля уже имеют значения (в случае обновления).
Вот фрагмент:
$(document).ready(function () {
$('.date_from').datetimepicker({format : 'YYYY-MM-DD HH:mm'});
$('.date_to').datetimepicker({
useCurrent: false, //Important! See issue #1075
format : 'YYYY-MM-DD HH:mm'
});
$(".date_from").on("dp.change", function (e) {
$('.date_to').data("DateTimePicker").setMinDate(e.date);
});
$(".date_to").on("dp.change", function (e) {
$('.date_from').data("DateTimePicker").setMaxDate(e.date);
});
});
Кроме того, здесь находятся поля ввода внутри модального поля;Этот модальный режим загружается при нажатии кнопки обновления.
<div class="form-row">
<div class="form-group col-md-6">
<label for="date_from">Date From *</label>
<input type="text" readonly name="date_from" class="form-control date_from" id="date_from" placeholder="Enter training start date">
</div>
<div class="form-group col-md-6">
<label for="date_to">Date To *</label>
<input type="text" readonly name="date_to" class="form-control date_to" id="date_to" placeholder="Enter training end date">
</div>
</div>
Модальный режим загрузки:
$('#updateModal')
.find('[name="date_from"]').val(dateFrom).end()
.find('[name="date_to"]').val(dateTo).end();
Datetimepicker инициализируется внутри модального окна, но проверка не вступает в силу.