jQuery datetimepicker插件范圍錯誤

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',
 });
});