Jquery - DateTimePicker设置最大日期时间 [英] Jquery - DateTimePicker set max datetime

问题描述

我有2个datetimepicker。 1是从，另一个是到。如何限制我的到 datetimepicker到从之后30分钟？
我知道如何限制最大日期，但我不知道如何限制最大的日期和时间。

例如：

如果 From code> 2016/05/11 00:00 然后最多到将是 2016/05/11 00:30
但是，如果 From是 2016/05/11 23:55 then max of 到将是 2016/05/12 00：25`

我当前的代码：

  $（＃From）。datetimepicker（{
 onClose：function（selectedDate，instance）{
 if（selectedDate！=''）{
 $（＃To）。datetimepicker（option，minDate，selectedDate）; 
 var date = $ .datepicker.parseDateTime（ dd / mm / yy，hh：mm，selectedDate）; 
 date.setMinutes（date.getMinutes（）+ 30）; 
 $（＃To）。datetimepicker（ ，maxTime，selectedDate）; 
} 
} 
}）; 
 $（＃To）。datetimepicker（）; 
  

这段代码不工作，而且我失去了。我应该分别设置 maxDate 和 maxTime

解决方案

你可以使用 e.date 这是一个 Moment 实例，那么你可以轻松地执行 e.date.add（30，'minutes'），像这样：

  var fromDP = $（＃From）。datetimepicker（）; 
 var toDP = $（＃To）。datetimepicker（）; 
 
 fromDP.on（dp.change，function（e）{
 var newDate = e.date.add（30，'minutes'）; 
 toDP.data （DateTimePicker）maxDate（newDate）; 
}）; 
  

工作示例 HERE

..如果您要将其设置为默认日期，您可以执行

  toDP.data（DateTimePicker）。date（newDate）.maxDate（newDate） 
  

I have 2 datetimepicker. 1 is From, another is To. how to I limit my To datetimepicker to be 30 minutes after From? I know how to limit the maximum date, but I dont know how to limit the maximum date and time.

for example :

If From is 2016/05/11 00:00 then max of To would be 2016/05/11 00:30 But, if From is2016/05/11 23:55then max ofTowould be2016/05/12 00:25`

my current code :

$("#From").datetimepicker({
    onClose: function (selectedDate, instance) {
       if (selectedDate != '') {
           $("#To").datetimepicker("option", "minDate", selectedDate);
           var date = $.datepicker.parseDateTime("dd/mm/yy", "hh:mm", selectedDate);
           date.setMinutes(date.getMinutes() + 30);
           $("#To").datetimepicker("option", "maxTime", selectedDate);
        }
    }
});
$("#To").datetimepicker();

this code is not working, and Im at a loss. Should I set the maxDate and maxTime separately?

解决方案

you can use e.date which is a Moment instance, then you can easily do e.date.add(30, 'minutes'), like this:

var fromDP = $("#From").datetimepicker();
var toDP = $("#To").datetimepicker();

fromDP.on("dp.change", function(e){
    var newDate = e.date.add(30, 'minutes');
    toDP.data("DateTimePicker").maxDate(newDate);
});

working example HERE

..and if you want to set it as default date aswell you can do

toDP.data("DateTimePicker").date(newDate).maxDate(newDate);

这篇关于Jquery - DateTimePicker设置最大日期时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！