jQuery-ui datepicker デフォルト日、選択可能日の設定方法

■選択可能開始日の設定方法

minDateに設定する。
2020年8月10日を指定する場合は
minDate: new Date(2020, 7, 10),
とする。
※月は-1することに注意!!

当日から3日後とする場合は
minDate: “+3d”,
とする。

例)

$('.datepicker').datepicker({
	minDate: "+3d",
});

■選択可能終了日の設定方法

設定する変数名がmaxDateになるだけで
設定方法は選択可能開始日と同じ。

■デフォルト日の設定方法

setDateに設定する。
“2020/09/01″のように直接’日’を指定したり
“+3d”のように当日から3日後のような指定もできる。

但し、選択可能日のように↓この中に書くことが出来ない!!

$('.datepicker').datepicker({
	minDate: "+3d",
	maxDate: "+30d",
});

↑この下に、↓このように書く必要がある。

$('.datepicker').datepicker({
	minDate: "+3d",
	maxDate: "+30d",
});
$('.datepicker').datepicker("setDate", "2020/09/01");   ←これ!!

これはハマる!!

ちなみにテキストボックスを編集不可にして、カレンダーからの選択のみにしたい場合は
テキストボックスに’readonly=”readonly”‘をつければOK。

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です