如何在 jQuery UI Datepicker 中停用星期六、星期日和假日？

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

jQuery UI Datepicker 是一個用於選擇日期的多功能工具，但是什麼如果您需要停用某些日子，例如週末或假日？幸運的是，有一種方法可以實現這一點。

使用 beforeShowDay 選項

beforeShowDay 選項可讓您指定一個回呼函數，該函數將在日期選擇器。此函數傳回一個包含兩個元素的陣列：

• [0]：如果日期可選，則為true，如果停用則為false
• [1]：CSS 類名稱或預設示範的空白字串

要停用星期六和星期日，只需傳遞$.datepicker.noWeekends 函數to beforeShowDay:

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

與國定假日結合

您也可以使用上例中提供的nationalDays函數排除國定假日。要將兩者結合起來，請使用以下程式碼：

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

然後，將noWeekendsOrHolidays 傳遞給beforeShowDay：

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

注意：

注意： 在jQuery 1.88 .19 和之後，beforeShowDay 選項也接受彈出工具提示的可選第三個參數。

以上是如何在 jQuery UI Datepicker 中停用星期六、星期日和假日？的詳細內容。更多資訊請關注PHP中文網其他相關文章！