javascript - 修改 FullCalendar Javascript 插件布局

Question

正如您所看到的默认布局 FullCalendar是这样的

我想把它改成这样

那个房间列是自定义的，或者我应该说，它来自数据库，现在这并不重要，因为我真正想知道的是如何实现这种布局。

老实说，我不知道从哪里开始，这就是我在这里运行的原因。我一直在互联网上查找一些示例，但找不到任何内容。

我将如何开始进行这种布局？我们将非常感谢您的帮助!

非常感谢!

Answer 1

我认为 FullCalendar 并没有通过自定义来提供这种灵 active 。通过扩展或修改lib，您会找到更好的解决方案，但不进行修改的解决方案可能是:

1. 您的“相对 View ”应该是“周 View ”，然后您将显示工作日(根据您的需要)。
2. 将“选择函数”设置为始终将“allDay”设置为“true”。此时，您将拥有所需的一切，但仅限一个房间/排。
3. 将每个房间(行)变成一个新的 FullCalendar。
4. 根据需要修改 CSS(覆盖)。