修改FullCalendar Javascript插件布局

时间:2013-07-24 06:15:53

标签: javascript jquery fullcalendar

正如您所看到的,FullCalendar的默认布局是这样的 enter image description here

我想将其更改为 enter image description here

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

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

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

非常感谢!

2 个答案:

答案 0 :(得分:1)

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

  1. 您的“相对视图”应为“周视图”,然后您将显示您的工作日(根据需要)。
  2. 将'select function'设置为始终将'allDay'设置为'true'。此时,您将拥有所需的一切,但仅适用于一个房间/行。
  3. 将每个房间(行)转换为新的FullCalendar。
  4. 根据需要修改CSS(覆盖)。

答案 1 :(得分:1)

只是抬头。我做了一些彻底的研究,设法解决了这个问题。 我发现有人已经开发出这种解决方案。 首先,我在SO中找到了此链接:fullcalendar change columns to row

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

当然只需稍加调整,但这样做。

我希望这有助于某人。

干杯!