如何在 jQuery UI Datepicker 中禁用星期六、星期日和节假日？

在 jQuery UI Datepicker 中禁用星期六、星期日和节假日

jQuery UI Datepicker 是一个用于选择日期的多功能工具，但是什么如果您需要禁用某些日子，例如周末或节假日？幸运的是，有一种方法可以实现这一点。

使用 beforeShowDay 选项

beforeShowDay 选项允许您指定一个回调函数，该函数将在日期选择器。此函数返回一个包含两个元素的数组：

• [0]：如果日期可选，则为 true，如果禁用则为 false
• [1]：CSS 类名称或默认演示的空字符串

要禁用周六和周日，只需将 $.datepicker.noWeekends 函数传递给 beforeShowDay：

$(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends });

与 National 结合假期

您还可以使用上例中提供的nationalDays 函数排除国家法定节假日。要将两者结合起来，请使用以下代码：

function noWeekendsOrHolidays(date) {
    var noWeekend = $.datepicker.noWeekends(date);
    if (noWeekend[0]) {
        return nationalDays(date);
    } else {
        return noWeekend;
    }
}

然后，将 noWeekendsOrHolidays 传递给 beforeShowDay：

$(".selector").datepicker({ beforeShowDay: noWeekendsOrHolidays });

注意： 在 jQuery UI 1.8.19 和之后，beforeShowDay 选项还接受弹出工具提示的可选第三个参数。

以上是如何在 jQuery UI Datepicker 中禁用星期六、星期日和节假日？的详细内容。更多信息请关注PHP中文网其他相关文章！