ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery UI Datepicker から週末と祝日を除外するにはどうすればよいですか?

jQuery UI Datepicker から週末と祝日を除外するにはどうすればよいですか?

DDD
リリース: 2024-11-19 04:25:02
オリジナル
720 人が閲覧しました

How Can I Exclude Weekends and Holidays from jQuery UI Datepicker?

jQuery UI Datepicker から土曜日、日曜日、祝日を除く

jQuery UI Datepicker を使用して、来月以内の予定をスケジュールしています, ただし、土日は除外したいと考えています。 beforeShowDay オプションは、これに対するカスタマイズ可能なソリューションを提供します。

beforeShowDay オプション

このオプションは、2 つを含む配列を返すコールバック関数を受け取ります。要素:

例: 週末を除外する

組み込み関数を使用して週末を除外するにはnoWeekends 関数。beforeShowDay に追加するだけです。オプション:

$(".selector").datepicker({
  beforeShowDay: $.datepicker.noWeekends
});
ログイン後にコピー

例: 祝日と組み合わせる

特定の祝日も除外したい場合は、カスタム コールバック関数を定義してそれを組み合わせることができます。 noWeekends:

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート