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

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

jQuery UI Datepicker 提供了方便的日期选择功能，但可能并不总是如此满足特定要求。例如，您可能希望排除一周中的某些天或节假日的选择。以下是如何使用 jQuery UI Datepicker 禁用周六、周日和节假日。

使用 beforeShowDay 选项

beforeShowDay 选项允许您指定将被调用的函数日期选择器中显示的每一天。通过从此函数返回 true 或 false，您可以控制日期是否可选。

要禁用星期六和星期日，请使用以下代码：

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

组合排除规则

假设您还想排除假期。在这种情况下，您可以创建一个自定义函数，将 noWeekends 逻辑与假期排除逻辑相结合。

假设您有一个NationalDays 函数，该函数对于假期返回 false：

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

然后将其设置为 beforeShowDay 回调：

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

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

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