一页中多个日历的 FullCalendar 唯一 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()

一页中多个日历的 FullCalendar 唯一 ID

FullCalendar unique ID's for multiple calendars in one page

javascript

fullcalendar