单个页面上有多个FullCalendars

Question

我想在同一页面上添加多个FullCalendars(可选),用于安排不同类型的事件并将信息保存在数据库中,但查看演示/示例代码,我似乎只能在每个页面上添加单个日历<div id='calendar'></div>.如果有办法实现这一点,你能不能告诉我,以便当用户在同一页面上的不同日历上安排活动时,可以识别日历源/ ID？

Answer 1

不,fullcalendar不会简单地呈现 <div id='calendar'></div>

它将通过.fullCalendar您将在该div上进行的调用呈现.

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

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

是如何初始化FullCalendar的.如果你制作另一个div并将其称为别的东西,它仍然可以工作.

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

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

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