如何在另一个Datepicker中设置Datepicker中的最小日期？

我目前正在为我的日期选择器添加validation，并且无法将日期选择器中的最小日期设置为从日期选择器中选择的任何内容。 即如果选择12-3-15，那么迄今为止选择器中的最小日期是12-3-15。 这是我正在使用的代码：

$("#from").datepicker({ defaultDate: new Date(), minDate: new Date(), onSelect: function(dateStr) { fromDate = new Date(dateStr); } }); $('#to').datepicker({ defaultDate: new Date(), minDate: ("#from" + "1D"), (<- HERE) onSelect: function(dateStr) { toDate = new Date(dateStr); // Converts date objects to appropriate strings fromDate = ConvertDateToShortDateString(fromDate); toDate = ConvertDateToShortDateString(toDate); }); 

有谁知道我怎么能做到这一点？

Answer 1

请检查这个工作小提琴

的jsfiddle

使用option将minDate设置为第二个datepicker

 $("#from").datepicker({ defaultDate: new Date(), minDate: new Date(), onSelect: function(dateStr) { $("#to").val(dateStr); $("#to").datepicker("option",{ minDate: new Date(dateStr)}) } }); 

Answer 2

答案是好的，但你需要销毁$ to的日期选择器，因为如果不是$ to datepicker仍然是你选择的第一个日期，并删除$ to datepicker中的选项，这对我来说，你不需要做$ to的其他function。

 $("#from").datepicker({ defaultDate: new Date(), minDate: new Date(), onSelect: function(dateStr) { $("#to").datepicker("destroy"); $("#to").val(dateStr); $("#to").datepicker({ minDate: new Date(dateStr)}) } });