根據日期選擇器中選擇的日期禁用日期選擇器的以前的日期

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()); 
    });