单个页面上有多个 FullCalendars

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

不，完整日历不是简单地通过以下方式呈现的<div id='calendar'></div>

它是由.fullCalendar您将对该 div 进行调用。

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

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

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

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

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

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