今回は「jQueryのdatepickerで特定の曜日を選択できないようにする」方法をご紹介したいと思います。
例えば予約カレンダーを作ろうとした時に「うちは土日休みだから、土日は選択できないようにしたい」と思った方もおられると思います。
そんな時は下記のコードを使ってください。
$(function(){ $(“#datepicker”).datepicker(); $(“#datepicker”).datepicker(‘option’,’beforeShowDay’,function(date){ var ret = [(date.getDay() != 0 && date.getDay() != 6)]; return ret; });});
↓こんな感じになります。
getDay()という所が曜日の指定をしている所になります。
0が日曜日、 1 が月曜日、6が土曜日といった感じになります。
もし日曜だけ休みの場合は、「 && date.getDay() != 6)」の方を削除すればいいです。
また、別の曜日に変更したい場合は、数字を変更すればいいわけです。
機会があればお試しください。
