如何在 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中文網其他相關文章！