予約日を選択するために日付ピッカーを使用しています。日付範囲を翌月のみに設定しました。これで問題なく動作します。土曜日と日曜日を選択肢から除外したいのですが、これは可能ですか? できる場合、どのようにすればよいですか?
ベストアンサー1
beforeShowDay
各日付に対して呼び出される関数を受け取り、日付が許可されている場合は true を返し、許可されていない場合は false を返すオプションがあります。ドキュメントから:
ショーデー前
この関数は日付をパラメータとして受け取り、この日付が選択可能かどうかを示すtrue/falseに等しい[0]を持つ配列を返す必要があります。1CSS クラス名またはデフォルトのプレゼンテーションの場合は '' に等しい。日付ピッカーの各日が表示される前に呼び出されます。
日付ピッカーにいくつかの祝日を表示します。
$(".selector").datepicker({ beforeShowDay: nationalDays})
natDays = [
[1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'],
[4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'],
[7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'],
[10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']
];
function nationalDays(date) {
for (i = 0; i < natDays.length; i++) {
if (date.getMonth() == natDays[i][0] - 1
&& date.getDate() == natDays[i][1]) {
return [false, natDays[i][2] + '_day'];
}
}
return [true, ''];
}
週末の選択を防止する noWeekends という組み込み関数が存在します。
$(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends })
これら 2 つを組み合わせるには、次のようにします (nationalDays
上記の関数を想定)。
$(".selector").datepicker({ beforeShowDay: noWeekendsOrHolidays})
function noWeekendsOrHolidays(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
return nationalDays(date);
} else {
return noWeekend;
}
}
アップデート: jQuery UI 1.8.19以降では、beforeShowDay オプションオプションの3番目のパラメータ、ポップアップツールチップも受け入れます