禁用选择jQuery Datepicker字段？

我正在使用jQuery UI Datepicker制作两个字段提交表单。 我希望用户创建一个范围并提交它以查看结果。 但是，他们显然无法选择最近发生的开始日期而不是结束日期（您无法看到从今天开始到昨天的范围）。 截至目前，如果第一个选择发生在第二个之前，我已经能够选择第二个，但我无法弄清楚如何让datepicker保持打开状态，以便用户可以选择其他内容。

这是我到目前为止的代码：

 $(document).ready(function() { $(".datepicker_start").datepicker({ maxDate: '+0d', onSelect: function(dateText, inst) { } }); $(".datepicker_to").datepicker({ maxDate: '+0d', onSelect: function(dateText, inst) { var startDate = $('.datepicker_start').val(); $(this).attr('value', dateText) if (startDate > dateText) { alert('not cool!'); } } }); });  

有谁知道我是怎么做到的？ 我尝试返回false但仍然将错误的日期推送到字段:(

Answer 1

 $(function() { $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onSelect: function( selectedDate ) { $( "#to" ).datepicker( "option", "minDate", selectedDate ); } }); $( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onSelect: function( selectedDate ) { $( "#from" ).datepicker( "option", "maxDate", selectedDate); } }); }); 

来自： http ： //jqueryui.com/demos/datepicker/date-range.html

Answer 2

  $(function () { $("#fromdate").datepicker({ onClose: function (selectedDate) { $("#todate").datepicker("option", "minDate", selectedDate); } }); $("#todate").datepicker({ onClose: function (selectedDate) { $("#fromdate").datepicker("option", "maxDate", selectedDate); } }); });