Jquery Datepicker ToDate大于或等于FromDate

时间:2015-01-21 10:27:37

标签: javascript jquery datetimepicker

我有一个要求,我需要两个日期选择器进入和来日期.ToDate应大于或等于从日期(选择从日期后,所有以前的日期应在第二个Datepiker中禁用)。同时从date和todate应该只从当前年份开始。如何使用jquery日期选择器配置来做同样的事情。当前我正在创建像这样的日期傻瓜

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

任何人都可以帮忙吗

1 个答案:

答案 0 :(得分: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>