jQuery datetimepicker插件範圍bug

Question

我正在使用下面的jQuery插件：https://github.com/xdan/datetimepicker來實現開始和結束日期，其中結束不能在開始之前，並且開始不能在結束之後。我的代碼如下，基於文檔中的示例（我需要時間以及日期）：http://xdsoft.net/jqplugins/datetimepicker/#range

問題是沒有設置限制。從代碼我可以看到https://github.com/xdan/datetimepicker/blob/master/jquery.datetimepicker.js#L509要求minDate和maxDate在他們面前有一個-+。這是一個錯誤還是我錯過了什麼？

var format = "Y-m-d H:i:s"; 
var startSelector = "input[type='datetime-picker'][name='start']"; 
var endSelector = "input[type='datetime-picker'][name='end']"; 
$(startSelector).datetimepicker({ 
    format : format, 
    onShow : function(ct) { 
     var val = $(endSelector).val(); 
     console.log('start max val: '+val); 
     var opts = { 
      formatDate : "Y-m-d", 
      maxDate : val ? '+'+val.split(' ')[0] : false 
     }; 
     this.setOptions(opts); 
    }, 
}); 
$(endSelector).datetimepicker({ 
    format : format, 
    onShow : function(ct) { 
     var val = $(startSelector).val(); 
     console.log('end min val: '+val); 
     var opts = { 
      formatDate : "Y-m-d", 
      minDate : val ? '-'+ 
        val.split(' ')[0] : false 
     }; 

     this.setOptions(opts); 
    }, 
}); 

Answer 1

您可以使用默認腳本http://xdsoft.net/jqplugins/datetimepicker/ ，但你應該知道，它的格式Y/M/d正常工作。

如果要更改格式，不要忘記再次把你的格式旁邊的最小/最大日

這裏是我的腳本示例它完美地適用於任何格式：

jQuery(function(){ 
jQuery('#date_timepicker_start').datetimepicker({ 
    format:'d/m/Y - H:i', 
    onShow:function(ct){ 
    this.setOptions({ 
    minDate:0, 
    maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false,formatDate:'d/m/Y - H:i' 
    }) 
    }, 
    timepicker:true, 
    step : 60, 
    lang: 'en', 
}); 
jQuery('#date_timepicker_end').datetimepicker({ 
    format:'d/m/Y - H:i', 
    onShow:function(ct){ 
    this.setOptions({ 
    minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false,formatDate:'d/m/Y - H:i' 
    }) 
    }, 
    timepicker:true, 
    step : 60, 
    lang: 'en', 
}); 
});