Jquery UI Datepicker onSelect 和 onInput 事件

Question

我的表单中有 2 个日期选择器，一个用于“接机”日期，一个用于“送机”日期。

代码如下:

$(document).ready(function() {
    $('#datepicker_dropoff').datepicker({
        dateFormat: "dd-mm-yy" 
    });

    $("#datepicker_pickup").datepicker({
        dateFormat: "dd-mm-yy", 
        minDate:  0,
        onSelect: function(date){            
            var date1 =   $('#datepicker_pickup').datepicker('getDate');           
            var date = new Date( Date.parse( date1 ) ); 
            date.setDate( date.getDate() + 0 );        
            var newDate = date.toDateString(); 
            newDate = new Date( Date.parse( newDate ) );                      
            $('#datepicker_dropoff').datepicker("option","minDate",newDate);            
        }
    });
});

正如您所看到的，送件日期不能早于取件日期，这当然是故意的。

我的问题是，在这种格式中，日期选择器不保留该值，如果我单击表单的“提交”按钮，它会不断告诉我需要填写日期选择器字段，即使每个字段都有一个值。如果我手动删除字段中的某些内容，然后再次添加它，它就会起作用并且不会出现字段提示。我认为它必须与添加事件有关(默认情况下日期选择器缺少事件？)

有人可以帮助我并将其附加到代码中吗？

提前非常感谢。

Answer 1

很老的问题，但我的答案是:

所以我更喜欢在 .change(function() { }) 中更改最小/最大日期。这样，只有当日期实际更改时，最小/最大日期才会更改。

假设 HTML:

<input type='text' id='datepicker_pickup'>
    to
<input type='text' id='datepicker_dropoff'>

jquery 和 jqueryui 1.10.2 使用此 javascript:

$(function() {
    $('#datepicker_dropoff').datepicker({
        dateFormat: "dd-mm-yy"
    }).change(function() {
        var date1 =   $('#datepicker_pickup').datepicker('getDate');
        $('#datepicker_pickup').datepicker('option','maxDate',date1);
    });

    $("#datepicker_pickup").datepicker({
        dateFormat: "dd-mm-yy"
        ,minDate: 0
    }).change(function() {
        var date1 =   $('#datepicker_pickup').datepicker('getDate');
        $('#datepicker_dropoff').datepicker('option','minDate',date1);
    });
});

here's a fiddle