fullcalendar - 单个页面上的多个 FullCalendar

Question

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

Answer 1

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

它由 .fullCalendar 呈现你会在那个div上打电话。

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

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

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

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

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

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