2015-01-21 74 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>