如何在Bootstrap4日期时间选择器中允许时间间隔

Question

我需要根据规则呈现小时数：从现在开始1小时，允许8小时的范围。

这是我的日期选择器的代码：

const datePicker = () => {
  $('.datetimepicker').datetimepicker({
    format: 'LT',
    locale: 'PT-BR',
    icons: {
      time: "fa fa-clock-o",
      date: "fa fa-calendar",
      up: "fa fa-chevron-up",
      down: "fa fa-chevron-down",
      previous: 'fa fa-chevron-left',
      next: 'fa fa-chevron-right',
      today: 'fa fa-screenshot',
      clear: 'fa fa-trash',
      close: 'fa fa-remove'
    },
    stepping: 15,
  });
};

export {datePicker};

例如，现在是13:00。因此，我的选择器只能在14:00-22:00之间允许几个小时。如果当前时间为21:00，则应渲染22:00-06:00。

我创建了一些辅助函数来获得优势。

const hourStart = () => {
  let  start = new Date();
  start.setHours(start.getHours() + 1);
  return start;
}

const hourFinish = () => {
  let finish = new Date()
  finish.setHours(hourStart().getHours() + 8);
  return finish;
}

我在documentation中找不到任何东西，它无法设置启用的时间间隔，只有确切的Disable Time Intervals对面。

也许使用循环队列排序的开始和结束的Enabled Hours和辅助功能？

还有其他方法可以使用此插件来实现预期的行为吗？

Answer 1

您需要像这样设置时间选择器的最小和最大

const minHours = new Date().getHours() + 1;
const maxHours = new Date().getHours() + 8;

您能告诉我们时间选择器的代码吗？如何创建它？