如何設置日期從一個選擇器到另一個選擇器使用清潔jQuery日期和時間選取器插件 - datetimepicker

Question

我使用兩個日期選擇器。當我從開始日期選擇器中選擇日期時。我會將其設置爲結束日期選擇器。但我試過了。它沒有設置請幫助我。

$('#start-date').datetimepicker({ 
    onShow: function(ct){ 
     this.setOptions({ 
      minDate: new Date() 
     }); 
    }, 
    timepicker: false, 
    format: 'Y/m/d h:m A', 
    datepicker: true, 
    hours12:true, 
    defaultSelect:true, 
    hideIfNoPrevNext: true, 
    minDate:false, 
    onSelectDate: function(date) { 
     var endDate_picker = $("#end-date"); 
     var minDate = moment(date,"Y/m/d h:m A"); 
     var endDate = moment(moment(minDate).toDate()).add('hours', 2); 
     console.log('curr date :' + date); 
     console.log('minDate :' + minDate); 
     console.log('endDate : ' + endDate); 

     console.log('moment : ' + moment(endDate_picker.val(),"Y/m/d h:m A").toDate()); 
     console.log('minDate.toDate() :' + minDate.toDate()); 

     if ((endDate_picker.val() == "")|| (moment(endDate_picker.val(),"Y/m/d h:m A").toDate()) < minDate.toDate()) { 
      $('#end-date').datetimepicker('setDate', endDate.toDate()); 
      console.log('end date set :' + endDate.toDate()); 
     }     
    }    
}); 

設置日期我使用此代碼：

$('#end-date').datetimepicker('setDate', endDate.toDate()); 

Answer 1

一些小的失誤

1.Datetimepicker格式使用i用於分鐘不m

2.Moment。 js add()語法有changed

3. setDate是的DateTimePicker的內部函數不公開爲設置日期，對於使用value選項的公共方法，同時初始化

$('#start-date').datetimepicker({ 
    onShow: function(ct){ 
     this.setOptions({ 
     minDate: new Date() 
     }); 
    }, 
    timepicker: false, 
    format: 'Y/m/d h:i A', 
    datepicker: true, 
    hours12:true, 
    defaultSelect:true, 
    hideIfNoPrevNext: true, 
    minDate:false, 
    onSelectDate: function(date) { 
     var endDate_picker = $("#end-date"); 
     var minDate = moment(date,"Y/m/d h:m A"); 
     var endDate = moment(moment(minDate).toDate()).add(2,'hours'); 

     if ((endDate_picker.val() == "")|| (moment(endDate_picker.val(),"Y/m/d h:m A").toDate()) < minDate.toDate()) { 
      $('#end-date').datetimepicker({value: endDate.toDate(), format: 'Y/m/d h:i A'}); 
     }     
    }    
});