關閉日期選擇器時日期選擇閃爍

Question

在本例中選擇日期（jsfiddle）時，您可以簡要看到在日期選擇器關閉之前選擇了另一個日期。

當日期選取器關閉時，可以防止選定日期的這種「閃爍」嗎？

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