@fullcalendar 数据初始化

`@fullcalendar` 是一款强大的 JavaScript 日历插件，用于创建交互式的日历视图。数据初始化是设置初始显示内容的关键步骤。首先，你需要导入 FullCalendar 的库，并配置一个事件源数组（`events`）来提供你要显示的日程信息。例如：

import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid'; // 如果你想使用日历格子视图

// 初始化配置
const calendarEl = document.getElementById('calendar'); // 获取日历元素的ID
const options = {
  plugins: [dayGridPlugin], // 添加需要的插件，如 dayGridPlugin for day grid view
  events: [
    { title: '会议1', start: '2023-05-01T09:00:00' },
    { title: '生日派对', start: '2023-06-05T18:00:00' },
    // 更多事件...
  ],
};

// 实例化并初始化日历
function initCalendar() {
  const calendar = new Calendar(calendarEl, options);
  calendar.render(); // 渲染日历
}

initCalendar();

在这个例子中，`options.events` 是数据初始化的核心部分，它是一个包含事件详细信息的对象数组，如标题、开始时间等。你可以根据实际需求添加更多属性。