限制在全日历中创建事件

Question

我已经检查过您可以限制某些事件在一个时间段内被拖拽，或者避免移动到其他时间段，但我正在寻找一种功能来阻止仅在定义的营业时间内创建事件。

是否可以使用"selectable: true"（能够在某个时间点击创建事件并拖到最后，如Google日历），但限制在某些时间空间？

Answer 1

如果您有一组定义的时间，事件将始终被限制在（不随时间变化），那么您可以使用 businessHours and selectConstraint 设置的组合来强制执行此操作：

businessHours: {
  // days of week. an array of zero-based day of week integers (0=Sunday)
  daysOfWeek: [1, 2, 3, 4], // Monday - Thursday
  startTime: '10:00', // a start time (10am in this example)
  endTime: '18:00', // an end time (6pm in this example)
},
selectConstraint: "businessHours"

在上面的示例中，"businessHours" 会将日历中定义时间以外的所有区域变灰（在本例中为周一至周四，每天上午 10 点至下午 6 点）。将 "selectConstraint" 设置为 "businessHours" 意味着用户无法 select 创建不在同一时间范围内的新事件。

演示：https://codepen.io/ADyson82/pen/aboqPoo

限制在全日历中创建事件

Limit creation of events in fullcalendar

javascript

fullcalendar

fullcalendar-4