基礎日期選擇器，結束日期（和時間）不能在開始日期（和時間）之前

Question

我正在使用Foundation-Datepicker，因此用戶只能選擇當前日期之後的開始日期（即所有其他日期值無法被選中）。

我想結束日期以相同的方式工作，用戶只能在開始日期後選擇一個日期。

我有時間（天）工作，即用戶不能選擇2016年1月1日爲結束日期，如果起始日期是1月3日2016年

我的第一個問題是由於這樣的事實，我不能有開始日期與結束日期相同，其次，因爲我也在使用時間，我希望它禁用結束日期/時間彈出窗口的開始日期/時間之後的所有選擇。

即用戶可以選擇2016年1月1日，13:00作爲開始，1月1日，14:00作爲結束。

我的代碼如下：

// Get Date of today 
var newDate = new Date(); 
// Prase newDate 
var now = new Date(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), 0, 0, 0, 0); 
// Initialize datepicker with restricted date 
var startDate = $('.has-datepicker').fdatepicker({ 
    format: "dd/mm/yyyy - hh:ii", 
    pickTime: true, 
    onRender: function (date) { 
     return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function (e) { 
    if (e.date.valueOf() > endDate.date.valueOf()) { 
     var newDate = new Date(e.date); 
     newDate.setDate(newDate.getDate() + 1); 
     endDate.update(newDate); 
    } 
}).data('datepicker'); 

var endDate = $('.has-datepicker2').fdatepicker({ 
    format: "dd/mm/yyyy - hh:ii", 
    pickTime: true, 
    onRender: function (date) { 
     return date.valueOf() <= startDate.date.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(e) { 

}).data('datepicker'); 

Answer 1

// implementation of disabled form fields 
var nowTemp = new Date(); 
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 
var checkin = $('#dpd1').fdatepicker({ 
    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.update(newDate); 
    } 
    checkin.hide(); 
    $('#dpd2')[0].focus(); 
}).data('datepicker'); 
var checkout = $('#dpd2').fdatepicker({ 
    onRender: function (date) { 
     return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function (ev) { 
    checkout.hide(); 
}).data('datepicker'); 

嘗試這樣的..最好去通過網站和文檔，完全