选择的结束日期开始日期基础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 
      });