关闭日期选择器时日期选择闪烁

Question

在此示例中 select 一个日期 (jsfiddle) 时，您可以在日期选择器关闭之前短暂地看到另一个日期 select。

当日期选择器关闭时，你能阻止 selected 日期的这个 "flashing" 吗？

<input type="text" id="booking-from" name="booking-from" />
<input type="text" id="booking-to" name="booking-to" />

jQuery

$("#booking-from").datepicker({
    onClose: function( selectedDate ) { 
        $( "#booking-to" ).datepicker( "option", "minDate", selectedDate );
    }
});
$("#booking-to").datepicker({
    onClose: function( selectedDate ) {
        $( "#booking-from" ).datepicker( "option", "maxDate",  selectedDate);
    }
});

Answer 1

好的，我必须进行两项更改才能使其正常工作。

我必须将 onClose 更改为 onSelect 并在设置 maxDate/minDate 时添加超时（感谢@Shaunak D）

解决方法如下：jsfiddle

$("#booking-from").datepicker({
    onSelect: function (selectedDate) {
        setTimeout(function () {
            $("#booking-to").datepicker("option", "minDate", selectedDate);
        }, 200);
    }
});
$("#booking-to").datepicker({
    onSelect: function (selectedDate) {
        setTimeout(function () {
            $("#booking-from").datepicker("option", "maxDate", selectedDate);
        }, 200);
    }
});

关闭日期选择器时日期选择闪烁

Date selection flashes when closing datepicker

jquery

jquery-ui-datepicker