Question

我有两个日期选择器（到达日期和离开日期），用户选择到达日期，然后，当用户选择离开日期时，它必须禁用（或灰显）所有之前的日期，从中选择到达日期，即如果到货日期是2013年7月4日，用户只能选择2013年7月4日及之后的退货日期。

我使用以下代码没有成功：

<script>
jQuery(function($){
$( "#input_2_5" ).datepicker({
  onClose: function( selectedDate ) {
    $( "#input_2_6" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#input_2_6" ).datepicker({
   onClose: function( selectedDate ) {
    $( "#input_2_5" ).datepicker( "option", "maxDate", selectedDate );
   }
});
</script>

Answer 1

你通常会这样做：

$("#from_date").datepicker({
    minDate   : 0,
    onSelect: function() {
        var minDate = $(this).datepicker('getDate');
        minDate.setDate(minDate.getDate());
        $("#to_date").datepicker( "option", "minDate", minDate);
    }
});

$("#to_date").datepicker({
    minDate: 0
});

FIDDLE

根据到达日期值限制出发日期的日期范围

1 个答案: