日期選擇器與範圍驗證以及與文本框的默認日期顯示爲今天

Question

$(function() { 
var d = new Date(); 

    $("#Start_validBeforeDatepicker").datepicker(
     { 
     defaultDate: d, 
     numberOfMonths : 1, 
     showButtonPanel : true, 
     onClose : function(selectedDate) { 

      $("#End_validAfterDatepicker").datepicker("option","minDate", selectedDate); 

     } 
    }); 
    $("#End_validAfterDatepicker").datepicker(
    { 
     defaultDate: +1, 
     setDate:new Date(), 
     numberOfMonths : 1, 
     showButtonPanel : true, 
     onClose : function(selectedDate) {     
      $("#Start_validBeforeDatepicker").datepicker("option","maxDate", selectedDate); 
     } 
    }); 
}); 

這是我datepciker腳本..

我想初始化我的兩個日期選擇器與date..and也是我想要的今天那Start_validBeforeDatepicker總是<= #End_validAfterDatepicker所以我該怎麼做..任何人都可以請指導我

Answer 1

下面是驗證日期範圍的代碼。

<link rel="stylesheet" href="flick/jquery-ui-1.9.2.custom.css" /> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/jquery.ui.core.js"></script> 
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script> 
<script type="text/javascript"> 

$(function() 
{ 
    $("#issuedate").datepicker(
    { 
     minDate: new Date(), 
     changeMonth: true, 
     numberOfMonths: 1, 
     onClose: function(selectedDate) 
     { 
      $("#expdate").datepicker("option", "minDate", selectedDate); 
     } 
    }); 

    $("#expdate").datepicker(
    { 
     minDate: new Date(), 
     changeMonth: true, 
     numberOfMonths: 1, 
     onClose: function(selectedDate) 
     { 
      $("#issuedate").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
}); 
</script> 

<input type="text" id="issuedate" /> 
<input type="text" id="expdate" />

您所需要做的就是相應地設置參數。