Datepicker在特定日期前禁用

Question

我有兩個包含開始日期和結束日期的日期選擇器。

當選擇第一個日期時，我想在選擇第一個日期之前禁用，在結束日期的日期。今天之後也禁用。

Answer 1

你可以這樣來做。

<input type="text" name="dateFrom" id="dateFrom" readonly="true" value="" class="textbox" /> 
<input type="text" name="dateTo" id="dateTo" readonly="true" value="" class="textbox" /> 


<script type="text/javascript"> 
$(document).ready(function() { 
     $("#dateFrom").datepicker({ 
      onClose: function() { 
       $("#dateTo").datepicker(
        "change", { 
        minDate: new Date($('#dateFrom').val()) 
       }); 
       $("#dateFrom").datepicker({dateFormat: "dd/mm/yy"}); 
      } 
     }); 

     $("#dateTo").datepicker({ 
      onClose: function() { 
       $("#dateFrom").datepicker(
        "change", { 
        maxDate: new Date($('#dateTo').val()) 
       }); 
       $("#dateTo").datepicker({dateFormat: "dd/mm/yy"}); 
      } 
     }); 
    }); 
</script> 

請看這裏的工作示例。 https://jsfiddle.net/jjLhca9o/

編輯：

查看更新後的jsfiddle：http://jsfiddle.net/jjLhca9o/5/