foundation datetimepickerで選択された開始日としての終了日

Question

デフォルトでは、現在の日付を示すstartDateおよびendDate。現在の日付ではなく、選択した開始日として終了日を設定します。

、このバイオリンを見てください。ここ

Fiddle

、defaultlyそれが提出STARTDATEと終了日の両方で、現在の日付を示しています。 たとえば、「12-12-2017」としてstartDateを選択した場合、終了日を「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 
      });