Question

在此示例中选择日期（jsfiddle）时，您可以在日期选择器关闭之前简要地查看另一个日期。

你可以防止这种情况＆＃34;闪烁＆＃34;日期选择器关闭时所选日期的日期？

<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);
    }
});

关闭datepicker时日期选择会闪烁

1 个答案: