jQuery datepickerの値を別の日付ピッカーの値に設定する

Question

私は2 datepickerをページに持っています。ユーザーは、2つの日付をいくらか近いものにすると予想されます。しかし、ユーザーが6ヵ月先にスキップすると、2番目のdatepickerをクリックするとでもが同じ月に既に存在することがわかります。

第2のdatepickerのdefaultDateを最初のdatepickerで選択した日付に設定する必要があります。

$("#from").datepicker({ 
 
    defaultDate: new Date(), 
 
    minDate: new Date(), 
 
    onSelect: function(dateStr) 
 
    {   
 
     $("#to").val(dateStr); 
 
     $("#to").datepicker("option",{ minDate: new Date(dateStr)}) 
 
    } 
 
}); 
 

 
$('#to').datepicker({ 
 
    defaultDate: new Date(), 
 
    onSelect: function(dateStr) { 
 
    toDate = new Date(dateStr); 
 
    fromDate = ConvertDateToShortDateString(fromDate); 
 
    toDate = ConvertDateToShortDateString(toDate); 
 
    } 
 
});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<input id="from"> 
 
<input id="to">

しかし、それは実行に失敗しました。実際には、datepickerはまったく初期化できません。なぜそれがわかりません。ちょうど正常としてそれらを持っているdatepickerもちろんうまく動作します。

私の目標を達成する他の方法はありますか？

Answer 1

それは私がjsfiddleを残すことが

仕事のために表示するコールの考え

$('#to').datepicker({ 

     }); 

$("#from").datepicker({ 
      defaultDate: new Date(), 
      minDate: new Date(), 
      onSelect: function(dateStr) 
      { 
        $("#from").datepicker("hide"); 
       $('#to').val(dateStr); 
       $('#to').focus(); 
       $('#to').datepicker("show"); 
       $("#to").datepicker("option", "minDate", endDate); 
         //$("#to").datepicker("option", "maxDate", '+2y'); 
      } 
     }); 

jqueryのUIの方法「ショー」を使用します。上のスニペットを無視... https://jsfiddle.net/roberburnday/btn7bp2v/