Question

我有两个datedicker fromdate和todate。基于fromdate选择，我需要在第二个datepicker（toDate）中阻止fromdate上方的日期。

e.g

 fromdate: 17/6/2013 (MM/DD/YYYY)
 todate: selection should be available from 17/6/2013. any date above 17/6/2013 should be disabled.

我如何实现这一目标？

Answer 1

假设您正在使用jQuery UI的datepicker，我认为您正在寻找日期范围。你有这样的标记：

<label for="from">From</label>
<input type="text" id="from" name="from" />
<label for="to">to</label>
<input type="text" id="to" name="to" />

然后，在JS中，

$(function() {
    $( "#from" ).datepicker({
      //not needed
      defaultDate: "+1w",
      //to show the month dropdown
      changeMonth: true,
      //the number of months to be shown when input is focussed
      numberOfMonths: 1,
      //**Important!**
      onClose: function( selectedDate ) {
        //dynamically set min-date of second datepicker to selected date in the first datepicker 
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 1,
      onClose: function( selectedDate ) {
        //dynamically set max-date property of #from text box
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });

文档：http://jqueryui.com/datepicker/#date-range

有2个日期我需要根据第一个日期选择阻止第二个日期的datepicker选项

1 个答案: