1

我希望限制jQuery UI datepicker.

例如,我想阻止用户在任何给定年份选择 4 月、8 月和 10 月。我的月份有一系列数字,例如 4、8、10。

4

1 回答 1

2

我希望你尝试了一些东西,但我有几分钟的空闲时间,所以我理解正确你想禁用几个月的使用。

您可以使用beforeShowDayjQuery UI Datepicker 的事件并根据其月份检查一天是否处于活动状态,并检查是否在数组中。

要检查数组,我使用 jQueryinArray方法。

演出前

默认值:null 将日期作为参数并且必须返回数组的函数: [0]:true/false 指示此日期是否可选1:要添加到日期单元格的 CSS 类名称或“”默认显示2:此日期的可选弹出工具提示 该函数在日期选择器中的每一天被调用,然后才显示。

jQuery.inArray

描述:在数组中搜索指定值并返回其索引(如果未找到则返回 -1)。

代码示例:

monthArray = [0, 3, 6]

$(function () {
    $("#datepicker").datepicker({
        beforeShowDay: function (date) {
            //getMonth()  is 0 based
            if ($.inArray(date.getMonth(), monthArray) > -1) {
                return [false, ''];
            }
            return [true, ''];
        }
    });
});

这是一个工作小提琴:http: //jsfiddle.net/APP5N/

于 2013-06-25T18:50:13.403 回答