jquery-ui-datepickerの選択不可日を動的に変更したい

前提・実現したいこと

「jQuery ui Datepicker」というカレンダー用のjsを使用し、
事前に選択された「都道府県」の箇所によって、カレンダーの選択不可日を設定したいです。

例えば沖縄県が選択された場合は、現在の日付から6日後以降が選択可能になる。
北海道が選択された場合は、現在の日付から4日後以降が選択可能になる…などです。

「jQuery ui Datepicker」については下記を参考にしております。
超簡単！カレンダーから日付入力する方法：jQuery ui Datepicker
http://www.webdesign-fan.com/jquery-ui-datepicker

発生している問題・エラーメッセージ

最初に沖縄県を選択した場合、選択できる最短日付を6日後以降に設定する事はできました。
ただその後で都道府県を変更した時、沖縄県でなくとも6日後からの設定になってしまいます。

例えば最初に沖縄県を選択した時は「最短6日目以降選択可」、
その後に北海道を選択したら「最短4日以降選択可」という風にカレンダーの設定を行いたいです。

該当のソースコード

javascript
1switch ( pre_val ) {
2 case '沖縄県':
3 mindate = 6;
4 break;
5 case '北海道':
6 mindate = 4;
7 break;
8}
9
10$('.cal').datepicker({
11 dateFormat: dateFormat,
12 minDate:'+' + mindate + 'd'
13});

方法が思い浮かばず質問をさせていただきました…恐れ入りますがご教示いただけますと幸いです。

m.ts10806

2020/01/30 11:57

コードこれだけで全部ではないですよね。きちんと他者がコピペで状況分かるコードをご提示ください

行動規範の内容に同意します

回答1件

ドキュメントが公開されていますので再確認してください。

jQuery.ui Datepicker Widget

datepicker プラグインに備わっている各methods を試してみてはどうでしょう？

ざっくり読んだだけですが、２つの方法を思いつきます。

オプションで与えた値は後から変更できるのではないでしょうか。

1.1. $(".cal").datepicker("options","minDate", '+' + mindate + 'd');
2. datepicker Widgetを作り直す。
2.1. $(".cal").datepicker("destroy"); datepicker を無効化する。
2.2. $(".cal").datepicker({/* otherOpts */}); 新しいオプションで作り直す。

初心者マークでのご質問ですので、jQueryプラグインの構文を補足：