jQuery DatePicker限制日期

时间:2016-06-13 11:22:56

标签: javascript jquery datepicker

我正在尝试限制jquery datepicker值。因此from date不能超过to date,反之亦然。

演示https://jsfiddle.net/DTcHh/21594/

我已经尝试了多个这样的实例,但似乎无法让它工作。是因为我使用的是英国日期格式吗?

    $(".datepicker").datepicker({
      dateFormat: 'dd-mm-yy'
    });

    $('#from_date').datepicker({
        onSelect: function(dateStr) {
            var min = $(this).datepicker('getDate') || new Date(); // Selected date or today if none
            var max = new Date(min.getTime());
            max.setMonth(max.getDay() + 1); // Add one month
            $('#to_date').datepicker('option', {minDate: min, maxDate: max});
        }
    });
    $('#to_date').datepicker({
        onSelect: function(dateStr) {
            var max = $(this).datepicker('getDate'); // Selected date or null if none
            $('#from_date').datepicker('option', {maxDate: max});
        }
    });

由于我是JavaScript的新手,我很想知道为什么我的代码不起作用,所以我可以从中学习。

1 个答案:

答案 0 :(得分:1)

您无法在同一元素上初始化日期选择器两次。首先,您使用类调用元素上的日期选择器;然后带着它的身份。

尝试将日期格式移至日期选择器默认功能。

  $.datepicker.setDefaults({
            dateFormat: 'dd-mm-yy'
        });

或者,每次初始化日期选择器元素时都需要设置dateFormat。