如何使用Clean jQuery Date and Time Picker Plugin設置從一個選擇器到另一個選擇器的日期-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()語法已更改

3. setDate是datetimepicker中的內部函數，不會在初始化時使用該value選項公開為設置date的公共方法

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