datetimepicker dp更改事件不起作用

时间:2018-11-28 12:16:46

标签: jquery bootstrap-datetimepicker

如果字段最初为空,则

Datetimepicker fromto验证可以正常工作。

但是,如果这些字段已经具有值(在更新的情况下),则事件处理程序功能似乎不起作用。

以下是代码段:

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

0 个答案:

没有答案