jquery - datePicker を設定して、未来の日と考えるようにします

Question

デフォルトでは、

{minDate: 4}

オプションで、選択された最小の日付は今日から 4 日です。

date()今後、設定を変更することは可能ですか？

たとえば、2 番目の日付ピッカーがあり、2 番目の日付で、今日が前の日付ピッカー要素で設定された日付であると想定したいとします。それは05/03/2020

次の日付ピッカー入力をその日であるかのように{minDate: 4}設定する方法はありますか?

多分このようなもの：

$('.date_to_do_something').eq(1).datepicker({
   setTheDate : '05/03/2020',
   minDate : 5,
   maxDate: 10
})

おそらくもう少しよく説明されています：

デフォルトでは、日付ピッカーは今日が何であるかを認識し、カスタム オプション、つまり今日に関して {minDate:5} を適用します。前のフィールドで設定された日付が今日であると見なされるように、2 番目の日付ピッカーの今日を変更したいと思います。したがって、2020 年 5 月 3 日に設定すると、次の日付ピッカーの最小日付は 2020 年 5 月 8 日になります。

Answer 1

はい、日付ピッカーを追加して、最初の日付に関連して 2 番目の日付が更新されるようにします。on close イベントを使用します。

編集: また、to のデフォルトの日付を +5d に設定して、現在の 5 日前に開始する必要があるという要件を満たす

見る

http://jsfiddle.net/sz6jN/2/

HTML

<label for="from">From</label>
<input type="text" id="from" name="from" />
<label for="to">to</label>
<input type="text" id="to" name="to" />

脚本

$(function() {
$( "#from" ).datepicker({
  changeMonth: true,
  minDate: "+0d",
  onClose: function( selectedDate ) {
      var minDate = $.datepicker.parseDate('mm/dd/yy', selectedDate);
      minDate.setDate(minDate.getDate() + 5);                    
      $( "#to" ).datepicker( "option", "minDate", minDate);          
  }
});
$( "#to" ).datepicker({minDate : "+5d"});
});

Answer 2

まだよくわかりませんが、minDate を別の日付ピッカーの 5 日前に設定するには、次のようにします。

$(function() {
    $("#from_date").datepicker({
        minDate   : 5,
        onSelect: function() {
            var minDate = $(this).datepicker('getDate');
            minDate.setDate(minDate.getDate()+5);
            $("#to_date").datepicker( "option", "minDate", minDate);
        }
    });

    $("#to_date").datepicker({
        minDate: (function() {
            var minDate = $("#from_date").datepicker('getDate');
            minDate.setDate(minDate.getDate()+5);
            return minDate;
        }())
    });
}); 

フィドル

これにより、最初の日付ピッカーで日付が選択されたときに minDate も自動更新されますが、これは削除できます。

Answer 3

これを試して

  $( ".date_to_do_something" ).datepicker( "setDate", "05/03/2020" );