webフォームに、jQueryのUIでカレンダーを入れています。 datepickerで、金曜に限り

webフォームに、jQueryのUIでカレンダーを入れています。
datepickerで、金曜に限り、土日を選択出来ないようにしたいのですが、方法はありますでしょうか？

初心者です。よろしくお願いいたします。

No.1 ベストアンサー 回答者： bx2 回答日時： 2021/11/08 14:13

こんな感じで、できるのでは。

$('.datepicker').datepicker({
　　beforeShowDay: function (date) {
　　　　var now = new Date();
　　　　if ((now.getDay() == 5) && ((date.getDay() == 0) || (date.getDay() == 6))) {
　　　　　　// 5:金曜日 and ( 0:日曜日 or 6:土曜日 )
　　　　　　return [false, 'ui-state-disabled'];
　　　　} else {
　　　　　　// 平日
　　　　　　return [true, ''];
　　　　}
　　}
});

動作確認はしていません。

表示を見やすくするために全角スペースを使っていますが、使用する際は半角スペースかタブに置換してください。全角スペースでは動作しません。

[参考] jqueryuiのdatepickerで特定の曜日を選択不可にする
https://www.softel.co.jp/blogs/tech/archives/6056

[参考] 日時、曜日を取得する方法
https://lab.syncer.jp/Web/JavaScript/Snippet/3/

この回答へのお礼

ありがとうございます！
参考URLも助かります。
テストアップしてみて、実際に金曜日に試してみようと思います。

お礼日時：2021/11/08 14:52