contact form7で日付を選択した。
カレンダーのうち、年末年始など特定の日付だけ押せないようにしたい。
前提
contact form7のカレンダーは、 jquery ui datepickcer を利用しているので、
調べる際は jqeury ui datepickerの操作を調べるといい
コード
12/30-1/3までをクリックできないようにする
解説
holidaysに非アクティブにしたい日付を入れる
dateformatで日付選択時の表示を整形
mindateで当日より前の日を選択できないようにする
→ jQuery UIでカレンダーピッカー(Datepicker)の利用方法
ymdに0つきの年月日を入れる
→ JSで月日を2桁(ゼロ付き)表示するためには
holidaysに格納した日付と表示しているカレンダーをindexOfで比較し、jqueryの ui-state-disabledで押せないようにする
→【jQueryの条件分岐】部分一致”indexOf”について
→ jQuery UI – 状態変化