防止 (jquery ui) 数据选取器翻转到当前月份

Prevent (jquery ui) datapicker from flipping to current month

本文关键字:翻转 选取 jquery ui 数据 防止      更新时间:2023-09-26

我正在使用最新的jquery(2.0.3)和jquery ui(v1.10.3)。以下是初始化日期选择器的设置:

$("#datepicker").datepicker({
    numberOfMonths: 2,
    minDate: 0,
    maxDate: 40,
    onSelect: function(selectedDate) {
        $(this).datepicker('option', 'minDate', selectedDate);
    },
});

正如你所知道的,我为日期选择器显示两个月。当我选择当前月份的日期时,一切都很好。

但是当我在第二个月选择一个日期时,所选日期将移动到第一个日期(因为更新的状态?我不想要这种行为,我只想选择第二个月的日期。是否可以禁用此刷新状态?

编辑:为了避免混淆,我需要一个内联日期选择器(当您选择日期时不会消失的那个)

您可以使用

onClose函数检查所选日期是否在开始日期的同一月份。

如果没有,您可以将选项showCurrentAtPos设置为 1,因此日期选择器将显示当前选定的日期作为第二个日期选择器。

快速参考:

当通过月数选项显示多个月时, showCurrentAtPos 选项定义显示当前位置 月。

法典:

$("#datepicker").datepicker({
    numberOfMonths: [2, 1],
    minDate: 0,
    maxDate: 40,
    onSelect: function (selectedDate) {
        $(this).datepicker('option', 'minDate', selectedDate);
    },
    onClose: function (dateText, inst) {
        var now = new Date()
        if (now.getMonth() == inst.selectedMonth) {
            $(this).datepicker('option', 'showCurrentAtPos', 0);
        } else {
            $(this).datepicker('option', 'showCurrentAtPos', 1);
        }
    }
});

演示:http://jsfiddle.net/IrvinDominin/UqHYV/