如何從 jQuery UI Datepicker 中排除週末和假日？

從jQuery UI 日期選擇器中排除星期六、星期日和假日

您正在使用jQuery UI 日期選擇器安排下個月內的約會，但您想排除星期六和星期日。 beforeShowDay 選項為此提供了一個可自訂的解決方案。

beforeShowDay 選項

此選項採用一個回呼函數，函數傳回一個包含兩個的陣列元素：

範例：排除週末

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

使用內建排除週末noWeekends 函數，只需將其新增至beforeShowDay 即可選項：

範例：與國定假日結合

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

如果您還想排除特定的國定假日，您可以定義自訂回調函數並將其與noWeekends:

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

然後在beforeShowDay中使用選項：

注意： 在jQuery UI 1.8.19 及更高版本中，beforeShowDay 選項也允許為停用日期的工具提示訊息使用可選的第三個參數。

以上是如何從 jQuery UI Datepicker 中排除週末和假日？的詳細內容。更多資訊請關注PHP中文網其他相關文章！