jQueryのdatepickerで特定の曜日を選択できないようにするには

今回は「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)」の方を削除すればいいです。
また、別の曜日に変更したい場合は、数字を変更すればいいわけです。

機械があればお試しください。

トラックバックURL