Bootstrap 3 datetimepicker - MinTime 和 MaxTime

Posted 2023-05-08

【中文标题】Bootstrap 3 datetimepicker - MinTime 和 MaxTime

【英文标题】：Bootstrap 3 datetimepicker - MinTime and MaxTime

【发布时间】：2021-04-17 08:21:22

【问题描述】：

我正在尝试为https://getdatepicker.com/4/ 设置最小时间和最大时间

$mydatepicker.datetimepicker(
    minDate: moment("12/01/2015 8:50 AM"),
    maxDate: moment("12/30/2015 9:50 AM"),
    viewMode: 'days',
    format: 'DD MMMM YYYY hh:mm A',
   
);

如果我们将 AM 更改为 PM，则它不会限制给定时间，如果我们尝试增加分钟，则会删除日期。有人知道如何使用这个插件来设置最小日期和时间吗？

【问题讨论】：

引导日期选择器不太可能接受 moment 对象而不是日期 - 使用 new Date(2015,0,12,8,50) 或 moment(...).toDate()

【参考方案1】：

我认为 moment.js 已被弃用。您可以使用 jQuery 进行设置：

$('#datepicker1').datepicker(
  dateFormat: "yy-mm-dd",
  maxDate: new Date('2018-3-26')
);

// Number
$('#datepicker2').datepicker(
  dateFormat: "yy-mm-dd",
  maxDate: 2
);

// String
$('#datepicker3').datepicker(
  dateFormat: "yy-mm-dd",
  maxDate: "+1m"
);

同样暗示minDate。

【讨论】：

我不会说那一刻已被弃用，只是“生命终结”。它仍然是一个很棒的库，但会被 Luxon 和 Temporal - TC39 超越。

我能够让它在约会时工作，但是当我在组合中添加时间时，它不会按预期工作。例如 2018-3-26 晚上 11:59。当我保留它并更改格式时。我可以将 PM 更改为 AM 并选择它。