jQuery UI Datepicker で土曜日、日曜日、祝日を無効にする方法は?

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

jQuery UI Datepicker は便利な日付選択機能を提供しますが、常に機能するとは限りません。特定の要件を満たします。たとえば、特定の曜日や休日を選択から除外したい場合があります。 jQuery UI Datepicker を使用して土曜日、日曜日、祝日を無効にする方法は次のとおりです。

beforeShowDay オプションの使用

beforeShowDay オプションを使用すると、呼び出される関数を指定できます。日付ピッカーに表示される毎日。この関数から true または false を返すことで、日付を選択できるかどうかを制御できます。

土曜日と日曜日を無効にするには、次のコードを使用します。

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

結合除外ルール

休日も除外したいとします。その場合、noWeekends ロジックと休日除外ロジックを組み合わせたカスタム関数を作成できます。

休日に対して false を返すnationalDays 関数があると仮定します。

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 オプションは、無効な日付の上にマウスを置いたときにツールチップを表示するためのオプションの 3 番目のパラメーターをサポートします。

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