0

如您所见,FullCalendar的默认布局是这样 的在此处输入图像描述

我想把它改成这样 在此处输入图像描述

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

老实说,我不知道从哪里开始,这就是我在 SO 中运行的原因。我一直在互联网上寻找一些例子,但找不到任何东西。

我将如何开始做这种布局?对你的帮助表示感谢!

非常感谢!

4

2 回答 2

1

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

  1. 您的“相对视图”应该是“周视图”,然后您将显示您的工作日(根据需要)。
  2. 将“选择功能”设置为始终将“allDay”设置为“true”。此时您将拥有所需的东西,但仅适用于一个房间/一排。
  3. 将每个房间(行)变成一个新的 FullCalendar。
  4. 根据需要修改 CSS(覆盖)。
于 2013-07-24T17:35:17.940 回答
1

只是一个抬头。在进行深入研究时,我设法解决了这个问题。我发现有人已经开发了这种解决方案。首先我在这里找到了这个链接:fullcalendar change columns to row

然后在阅读评论后,它把我带到了这里http://tux.fi/~jarnok/fullcalendar-resourceviews/

当然,它只需要稍作调整,但这样做就可以了。

我希望这可以帮助别人。

干杯!

于 2013-07-25T05:09:07.140 回答