限制全日历事件的创建

时间:2019-09-09 08:15:28

标签: javascript fullcalendar fullcalendar-4

我已经检查过您可以限制某些事件在某个时期内被拖动,或者避免转移到其他时期,但是我正在寻找一种功能来阻止在所定义的工作时间内创建事件。

是否可以使用“ selectable:true”(以便能够在一定时间内单击并拖动到末尾来创建事件,例如Google日历),但限制在某些时间范围内?

1 个答案:

答案 0 :(得分:1)

如果您有一组定义的时间,将事件始终限制为(没有时间变化),则可以结合使用businessHoursselectConstraint设置来强制执行此操作:

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”意味着用户无法选择创建超出相同时间范围的新事件。

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

相关问题