選擇的結束日期開始日期基礎datetimepicker

Question

默認情況下，startDate和endDate顯示當前日期。我不想讓結束日期成爲選定的開始日期而不是當前日期。

請看看這個小提琴，

Fiddle

這裏，defaultly它兩者均顯示STARTDATE當前的日期和結束日期存檔。 例如，如果我選擇startDate作爲「12-12-2017」，我希望以「12-12-2017」開始的結束日期僅限於今天的日期。我怎樣才能做到這一點。

var nowTemp = new Date(); 
 
     var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 
 
     var checkin = jQuery('#startDate').fdatepicker({ 
 
      format: "dd.mm.yyyy", 
 
      onRender: function (date) { 
 
       return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
 
      } 
 
     }).on('changeDate', function (ev) { 
 
       if (ev.date.valueOf() > checkout.date.valueOf()) { 
 
        var newDate = new Date(ev.date) 
 
        newDate.setDate(newDate.getDate() + 1); 
 
        checkout.setValue(newDate); 
 
       } 
 
       checkin.hide(); 
 
       jQuery('#endDate')[0]; 
 
      }).data('datepicker'); 
 
     var checkout = jQuery('#endDate').fdatepicker({ 
 
      format: "dd.mm.yyyy", 
 
      onRender: function (date) { 
 
       return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
 
      } 
 
     }).on('changeDate', function (ev) { 
 
       checkout.hide(); 
 
      }).data('datepicker'); 
 

 
      jQuery("#startDate,#endDate").fdatepicker({ 
 
       autoclose: true, 
 
       format: "dd.mm.yyyy", 
 
       language: 'de', 
 
       todayHighlight: false 
 
      });

<input type="text" id="startDate" name="start_datum" class="input_text date" value="" > 
 
    
 
<input type="text" id="endDate" name="end_datum" class="input_text" value="">

Answer 1

看看這個，我希望這能解決你的問題 - 顯示在開始日期的變化 Fiddle

var nowTemp = new Date(); 
     var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 
     var checkin = jQuery('#startDate').fdatepicker({ 
      format: "dd.mm.yyyy", 
      onRender: function (date) { 
       return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
      } 
     }).data('datepicker'); 
     var checkout = jQuery('#endDate').fdatepicker({ 
      format: "dd.mm.yyyy", 
      onRender: function (date) { 
       return date.valueOf() < checkin.date.valueOf() ? 'disabled' : ''; 
      } 
     }).on('changeDate', function (ev) { 
       checkout.hide(); 
      }).data('datepicker'); 

      jQuery("#startDate,#endDate").fdatepicker({ 
       autoclose: true, 
       format: "dd.mm.yyyy", 
       language: 'de', 
       todayHighlight: false 
      });