Question

我想在datetimepicker中设置开始和结束日期验证。

这是我的代码，但它不起作用。我的要求是如果选择开始日期和时间，那么结束日期不应小于开始日期，反之亦然。

如果有人知道，请帮助我。

//for the start date of the calendar

$("#txt_event_start_date").datetimepicker({
    numberOfMonths: 1,
    dateFormat: 'dd-mm-yy',
    minDate: 0,
    onSelect: function (selected) {
        $("#txt_event_end_date").datetimepicker("option", "minDate", selected)
    }
});

//for the end date of the calendar

$("#txt_event_end_date").datetimepicker({
    numberOfMonths: 1,
    dateFormat: 'dd-mm-yy',
    minDate: 0,
    onSelect: function (selected) {
        $("#txt_event_start_date").datetimepicker("option", "maxDate", selected)
    }
});

Answer 1

您可以调用一些验证函数，该函数会比较开始日期和结束日期，而不是在select事件上调用datetimepicker函数。例如

 $("#txt_event_end_date").datetimepicker({
     numberOfMonths: 1,
     dateFormat: 'dd-mm-yy',
     minDate: 0,
     onSelect: function () {
       validateForm();
   }
}); 
 validateForm() {
     var startDate = $("#txt_event_start_date").val();
     var endDate = $("#txt_event_start_date").val();

     if((new Date(startDate )).getTime() > (new Date(endDate )).getTime()) {
         alert("End date is before start date.")
     }
 }

javascript中的日期和时间选择器对验证

1 个答案: