单个页面上的多个 FullCalendars

【问题标题】：Multiple FullCalendars on a single page单个页面上的多个 FullCalendars
【发布时间】：2011-09-17 13:00:34
【问题描述】：

我想在同一页面上添加多个 FullCalendars（可选）以安排不同类型的事件并将信息保存在数据库中，但查看演示/示例代码似乎我只能在每页添加一个日历，因为它是由 @ 呈现的987654322@。您能否让我知道是否有办法实现这一点，以便当用户在同一页面上的不同日历上安排事件时，可以识别日历源/ID？

【问题讨论】：

stackoverflow.com/questions/3392150/… 这是我找到的链接...对我来说似乎没问题...您可以尝试..在这里他们使用了几个带有单个按钮的 div（日历）来控制多个每个日历中的按钮...

标签： fullcalendar

【解决方案1】：

不，完整日历不是由<div id='calendar'></div>简单呈现的

它由您将对该 div 进行的.fullCalendar 调用呈现。

<div id="calendar"></div>

$("#calendar").fullCalendar({
   // Options
}

是如何初始化 FullCalendar。如果您创建另一个 div 并将其命名为其他名称，它仍然可以工作。

<div id="other-calendar"></div>

$("#other-calendar").fullCalendar({
   // Options
}

由于每个日历都是单独创建的，因此您可以为每个日历定义处理程序。

【讨论】：

太好了，我也在做同样的事情。有没有办法共享按钮？当我单击下一步时，我希望它跳过所有日历的一周。