单个页面上有多个FullCalendars

Question

我想在同一页面上添加多个FullCalendars（可选），用于安排不同类型的事件并将信息保存在数据库中，但查看演示/示例代码似乎我每页只能添加一个日历，因为它由{ {1}}。如果有办法实现这一点，你能告诉我吗，那么当用户在同一页面上的不同日历上安排活动时，可以识别日历源/ ID吗？

Answer 1

不，仅仅<div id='calendar'></div>

不会呈现fullcalendar

它会通过您对该div进行的.fullCalendar调用来呈现。

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

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

FullCalendar是如何初始化的。如果你制作另一个div并将其称为其他内容，它仍然有用。

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

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

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