根据日期选择器中选择的日期禁用日期选择器的以前的日期

Question

我有两个简单的jQuery日期选择器，选择到达和离开日期。如果用户从抵达日期选择器中选择一个日期，我想在出发时禁用所有之前的日期。

Answer 1

添加与IDS arrival和departure两个输入文本字段，并尝试这个

$("#arrival").datepicker({ 

      showAnim : 'slideDown', 
      showOptions : 'slow', 
      defaultDate : "+1w", 
      changeMonth : true, 
      changeYear : true, 
      yearRange : "1950:2100", 
      onClose : function(selectedDate) { 
       $("#departure").datepicker("option", "minDate", selectedDate); 
      } 
     }); 
     $("#departure").datepicker({ 

      showAnim : 'slideDown', 
      showOptions : 'slow', 
      defaultDate : "+1w", 
      changeMonth : true, 
      changeYear : true, 
      yearRange : "1950:2100", 
      onClose : function(selectedDate) { 
       $("#arrival").datepicker("option", "maxDate", selectedDate); 
      } 
     }); 

更多Visit JQuery Datepicker

Answer 2

您可以通过简单的方法做：

$('#StartDate').change(function() { 
      $("#EndDate").datepicker("option", "minDate" ,$(this).val()); 
    });