如何从Fullcalendar.js的时间表视图中删除假期

Question

我想找到一种方法来从完整日历的时间表视图中删除几天，因为它们是公司假期。就像删除7月4日，阵亡将士纪念日等。我该怎么做？

Answer 1

不幸的是，不可能通过API完全将它们从显示屏上删除，但是您可以轻松地将它们标记为不可用或其他任何东西 - 也许通过使用背景事件的提要，每个假期中有一个事件。您可能可以从服务器中生成它们，或者在网上有公共日历，其中包含不同国家 /地区的官方假期，您可能可以将其用作来源。

背景事件与常规事件相同，除了更改其显示模式外 - 例如：

{
  start: '2022-06-01T10:00:00',
  end: '2022-06-01T16:00:00',
  display: 'background'
}

如果您还想停止人们在这些日期上创建事件或将事件拖到这些日期上，则可以通过适当的选项控制这些日期 /回调 - 完整的文档中有一些示例，例如该文档，可以阻止用户在背景事件之上创建新事件：

selectOverlap: function(event) {
  return event.rendering === 'background';
}

参考：

• https://fullcalendar.io/docs/background-events