2015-01-21 112 views
3

我有一個需求,我需要從兩個日期選擇器進入和從Dates.ToDate應大於或等於從日期(從日期選擇後,所有以前的日期應該在第二Datepiker被禁用)。也無論是從日期和todate應當從當年我only.How可以做同樣的使用jQuery日期選取configuration.Current我創建日期pikers這樣Jquery Datepicker ToDate大於或等於FromDate

 $(document).on('click', '#From', function() { 
    $(this).datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), changeYear: false }); 
}); 

$(document).on('click', '#To', function() { 
    $(this).datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), changeYear: false }); 
}); 

誰能幫助在此

+2

http://jqueryui.com/datepicker/#date-range - 這就是你想要的我相信 – 97ldave 2015-01-21 10:28:45

+0

我會試試這個 – vmb 2015-01-21 10:36:42

+0

爲你做了這個工作嗎?請接受並回答下面的問題或回答你自己的問題,以便其他人可以看到你是如何做到的。他們可能有同樣的問題。謝謝。 – 97ldave 2015-01-21 16:47:52

回答

2

在不失去年份限制的情況下完成此操作的方法是:

<script type="text/javascript"> 
    $(function() { 
      $("#From").datepicker({ 
       dateFormat: 'dd/mm/yy', 
       changeMonth: true, 
       yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), 
       onClose: function (selectedDate) { 
        $("#To").datepicker("option", "minDate", selectedDate); 
       } 
      }); 
      $("#To").datepicker({ 
       dateFormat: 'dd/mm/yy', 
       changeMonth: true, 
       yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), 
       onClose: function (selectedDate) { 
        $("#From").datepicker("option", "maxDate", selectedDate); 
       } 
      }); 
     }); 
</script>