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