jQuery UI Datepicker で土曜日、日曜日、祝日を無効にするにはどうすればよいですか?

jQuery UI Datepicker で土曜日、日曜日、祝日を無効にする

jQuery UI Datepicker は日付を選択するための多用途ツールですが、週末や休日などの特定の日を無効にする必要がある場合は?幸いなことに、これを実現する方法があります。

beforeShowDay オプションの使用

beforeShowDay オプションを使用すると、毎日呼び出されるコールバック関数を指定できます。日付ピッカー。この関数は 2 つの要素を含む配列を返します:

• [0]: 日付が選択可能な場合は true、無効な場合は false
• [1]: CSS クラス名またはデフォルトのプレゼンテーションの場合は空の文字列

土曜日と日曜日を無効にするには、$.datepicker.noWeekends 関数を渡すだけです。 to beforeShowDay:

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

祝日との組み合わせ

上記の例で提供されているnationalDays関数を使用して、祝日を除外することもできます。 2 つを組み合わせるには、次のコードを使用します:

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

次に、noWeekendsOrHolidays を beforeShowDay に渡します:

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

注: jQuery UI 1.8.19 およびその後、beforeShowDay オプションはポップアップのオプションの 3 番目のパラメータも受け入れますツールチップ。

以上がjQuery UI Datepicker で土曜日、日曜日、祝日を無効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。