一个页面中多个日历的完整日历唯一 ID

Question

你好，我试图在一个页面中使用多个日历，我需要为每个日历添加一个唯一的ID。有没有像我下面的代码中那样的选项可以实现这一点？

document.addEventListener("DOMContentLoaded", function () {
var calendarEl = document.getElementById("calendar")
var calendar = new FullCalendar.Calendar(calendarEl, {
headerToolbar: { ... },
initialView: "timeGridDay",

...

id: "34" // output: Unknown option 'id'
}

Answer 1

您只需在日历对象创建后和渲染前向其添加一个新属性即可。

var calendar = new FullCalendar.Calendar(calendarEl, {
headerToolbar: {...},
initialView: "timeGridDay",
}
calendar.id = "34"
calendar.render()