如何在 jQuery UI Datepicker 中禁用周末和节假日？

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

jQuery UI Datepicker 提供了广泛的自定义选项来满足特定要求。一种常见的需求是禁用一周中的某些天或选择范围中的特定日期。

禁用周末

防止用户选择周末（星期六和星期日） ），您可以利用内置的 $.datepicker.noWeekends 函数：

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

禁用假期

要从选择中排除特定假期，您可以创建自定义函数，例如：

function nationalDays(date) {
  // Replace [YOUR_HOLIDAY_DATES] with the specific dates you want to disable.
  if ([YOUR_HOLIDAY_DATES].includes(date.toString())) {
    return [false, 'holiday-day'];
  }
  return [true, ''];
}

组合周末和节假日禁用

要同时禁用周末和节假日，您可以组合这两个函数：

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

然后将组合函数应用到日期选择器：

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

注意：在 jQuery UI 1.8.19 及更高版本中，beforeShowDay 选项支持可选的第三个参数，用于显示禁用日期的工具提示。

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