javascript - 获取有关调整大小事件的完整日历营业时间

标签 javascript jquery fullcalendar

我已经实现了完整的日历来维护一些事件。现在 fullcalendar 实现了一些默认的营业时间。假设我将营业时间设置为 10:00 到 17:00。

现在我在 15:30 到 16:30 之间创建事件。现在,当我调整事件的大小并将其拉伸(stretch)并结束到 17:30(非工作时间)时,我希望它恢复更改。

以下是我如何初始化完整日历:

$('#calendar').fullCalendar({
  header: {
      left: '',
      center: '',
      right: '',
  },
  firstDay: 0,
  editable: true,
  selectable: true,
  defaultView: 'agendaWeek',
  columnFormat: 'dddd',
  events: events_data,
  eventResize: function(event, delta, revertFunc) {
    console.log($(this).businessHours);
  }
});

最佳答案

在您的eventResize 函数中,您可以检查event 参数并检查输入。

function isBusinessHour(event) {
    // Check if your event.start and event.end is in business hours
    // Using moment functions such as isBetween()
}

eventResize: function(event, delta, revertFunc) {
  if (!isBusinessHour(event))
      revertFunc();
}

关于javascript - 获取有关调整大小事件的完整日历营业时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49252465/

相关文章:

javascript - 从 pre/code 标签中删除空格

javascript - Amazon S3 Node.js SDK 删除对象

javascript - 在 HTML 中添加 Bootstrap

javascript - 全日历:检测周或日 View 中的点击

javascript - jsp全日历选择: not working

javascript - react-navigation 如何将 tabBarNavigation 放置在图像背景之上

javascript - Javascript 是否会为未处理/未捕获的异常触发事件?

javascript - jQuery - 在新图像上运行函数

javascript - 如何在单击按钮时将多个值传递到对话框

javascript - 全日历自定义结束日期