Bootstrap DateTimePicker 使用 minDate 和 maxDate 返回错误的时间

debugcn 发表于 Dev

崩溃覆盖

您好，我正在尝试使用 minDate 和 maxDate 使 bootstrap datetimepicker 插件正常工作，这是我的代码：

var $el                      = $('#dateFrom');
var baseDate                = "2018-11-20";
var defaultDate             = moment(baseDate + " 13:30:00");
var min                     = moment(baseDate + " 08:00:00");
var max                     = moment(baseDate + " 22:00:00");

if($el.data('DateTimePicker')){ //function needs to reset it on each call
    $el.data('DateTimePicker').destroy();
}

$el.val(defaultDate.format("HH:mm"));

var config = {
  format:"HH:mm",
  defaultDate:defaultDate,
  minDate:min,
  maxDate:max
}

$el.datetimepicker(config);

这里的问题是它将时间默认为 minDate 而不是将其设置为 defaultDate，这是一个示例http://jsfiddle.net/imurphy/bte731ux/38/

蒂森 T。

这似乎完成了你所追求的：http : //jsfiddle.net/gcrb2xsm/

var $el          = $('#dateFrom');
var baseDate     = "2018-11-20";
var defaultDate  = moment(baseDate + " 13:30:00");

if($el.data('DateTimePicker')){
    $el.data('DateTimePicker').destroy();
}

$el.val(defaultDate.format("HH:mm"));
$('#should').text("Initian value should be " + defaultDate.format("HH:mm"));

var config = {
  format:"HH:mm",
  defaultDate:defaultDate,
  disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 22 }), moment({ h: 24 })]]
}

$el.datetimepicker(config);

基本上，disabledTimeIntervals是尝试将时间选择限制在特定时间范围时使用的选项。您将为要排除的每个范围添加一对开始和停止时间。因此，上面显示的值是：

[
    [moment({ h: 0 }), moment({ h: 8 })] /* disable from midnight to 8 AM */, 
    [moment({ h: 22 }), moment({ h: 24 }) /* disable from 10 PM to midnight */]
]

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。