日付を設定する方法1つのピッカーから別のピッカーにClean jQueryを使用して日付と時刻ピッカープラグイン - datetimepicker

Question

私は2つの日付ピッカーを使用しています。開始日のピッカーから日付を選択するとき。私はそれを最終日のピッカーに設定します。しかし、私は試しました。それは私を助けてください設定されませんでした。

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

Answer 1

いくつかのマイナーなミス

1.Datetimepickerフォーマットは分ないm

2.Momentためi使用しています。

$('#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()); 
     }     
    }    
}); 

は、私はこのコードを使用して日付を設定します。 js add()の構文は changed

3. setDateは

$('#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'}); 
     }     
    }    
});