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在模式内部进行了初始化,但是验证没有生效。