Jquery - DateTimePicker 设置最大日期时间

Question

我有 2 个日期时间选择器。 1 是From，另一个是To。如何将我的To datetimepicker 限制在From 之后的 30 分钟？ 我知道如何限制最大日期，但我不知道如何限制最大日期和时间。

例如：

如果From 是2016/05/11 00:00，那么To 的最大值将是2016/05/11 00:30 但是，如果From is2016/05/11 23:55then max ofTowould be2016/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("option", "maxTime", selectedDate);
        }
    }
});
$("#To").datetimepicker();

此代码不起作用，我不知所措。我应该分别设置maxDate 和maxTime 吗？

Answer 1

您可以使用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);