Flatpicker设置maxDate的minHour为00时失效问题求助

这个问题我之前也碰到过，本质是flatpickr对00:00这个时间点的处理有点特殊——当你把maxDate设为YYYY-MM-DDTHH:00且HH是00时，它会默认把这个时间看作是当天的起始，而不是截止点，所以不会限制当天后续的小时选择。

两种可行的解决方案： #

1. 调整maxDate为目标日期的前一天23:59:59

既然2020-12-15T00:00等价于2020-12-14T23:59:59（从时间截点来看），你可以直接修改maxDate的取值：

var maxDateRec = "2020-12-14T23:59:59";
var maxDateRecFom = new Date(maxDateRec);
calendar.set("maxDate", maxDateRecFom);

这样flatpickr会明确限制时间到12月14日的23:59:59，自然就不会允许选择12月15日的任何小时了。

2. 结合maxTime选项做日期联动限制

如果你希望保留2020-12-15T00:00的设置方式，可以通过flatpickr的onChange事件，根据选中的日期动态设置maxTime：

var calendar = $("#basicDate").flatpickr({
  dateFormat: "Y-m-d H:i",
  defaultDate: new Date(),
  enableTime: true,
  time_24hr: true,
  minDate: new Date(),
  maxDate: new Date(),
  minDateHasTime: true,
  maxDateHasTime: true,
  hourIncrement: 1,
  onChange: function(selectedDates) {
    const selectedDate = selectedDates[0];
    const maxDateRecFom = new Date("2020-12-15T00:00");
    // 检查选中的日期是否等于maxDate的日期部分
    const isMaxDate = selectedDate.getFullYear() === maxDateRecFom.getFullYear() &&
                      selectedDate.getMonth() === maxDateRecFom.getMonth() &&
                      selectedDate.getDate() === maxDateRecFom.getDate();
    if (isMaxDate) {
      // 如果选中的是maxDate当天，限制最大时间为00:00
      calendar.set("maxTime", "00:00");
    } else {
      // 其他日期不限制时间（或者设置为23:59）
      calendar.set("maxTime", "23:59");
    }
  }
});
// 初始化时设置min和maxDate
var minDateRec = "2020-12-07T00:00";
var maxDateRec = "2020-12-15T00:00";
var minDateRecFom = new Date(minDateRec);
var maxDateRecFom = new Date(maxDateRec);
calendar.set("minDate", minDateRecFom);
calendar.set("maxDate", maxDateRecFom);

这个方案更灵活，能精准控制当用户选择到maxDate当天时，只能选00:00的时间。

另外要注意：你代码里已经设置了maxDateHasTime: true，这点很关键——它能确保flatpickr严格遵循你设置的时间部分，而不是只限制日期范围，别把这个选项去掉。

内容的提问来源于stack exchange，提问作者Deepika Rao