修改FullCalendar Javascript插件布局

如您所见，的默认布局如下

我想把它改成这样

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

我真的不知道从哪里开始，这就是为什么我在这里跑这么久。我一直在网上找一些例子，但什么都找不到

我如何开始做这种布局？非常感谢您的帮助

---

多谢各位

我认为FullCalendar并没有通过定制提供这种灵活性。通过扩展或修改库，您将找到更好的解决方案，但不进行修改的解决方案可能是：

您的“相对视图”应该是“周视图”，然后您将显示您的周天数（根据需要）

将“选择函数”设置为始终将“全天”设置为“真”。在这一点上，您将拥有您所需要的，但仅限于一个房间/一排

将每个房间（行）转换为新的完整日历

根据需要修改CSS（覆盖）

---

只是一个提醒。我做了一些彻底的研究，终于解决了这个问题。 我发现有人已经开发了这种解决方案。 首先，我在这里找到了以下链接：

读了这些评论之后，我想到了这里

当然，它只需要稍微调整一下，但这样就可以了

我希望这对某人有帮助

---

干杯

你好！非常感谢你的提示。还有一个问题，你说的“设置‘选择函数’总是将‘全天’设置为‘真’是什么意思？我知道日历中有一个‘全天’参数，我已经将它设置为‘真’，我不理解的部分是‘选择函数’，这是什么意思？谢谢！：）在调用$（yourdiv）初始化fullcalendar时.fullCalendar，您可以像使用“allDay”一样指定许多参数。其中一个参数是“select”。您可以向此参数传递一个函数，该函数将作为回调函数，在选择/单击某一天以创建事件时触发。然后，您可以根据需要操纵新事件，例如，将其设置为allDay。