FullCalendar 渲染数据

FullCalendar 是一个非常强大和灵活的 JavaScript 日历库，它可以帮助你在网站中呈现各种类型的事件和日程安排。

在 FullCalendar 中渲染数据的过程非常简单，你只需要将事件数据传递给 FullCalendar，然后它就会自动将这些事件呈现在日历上。

以下是一个简单的例子，展示了如何使用 FullCalendar 渲染事件数据：

// 事件数据
var events = [
  {
    title: 'Event 1',
    start: '2021-04-01'
  },
  {
    title: 'Event 2',
    start: '2021-04-05',
    end: '2021-04-07'
  }
];

// 初始化 FullCalendar
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
  events: events
});

// 渲染日历
calendar.render();

在这个例子中，我们首先定义了一个包含两个事件的数组。每个事件都有一个标题和一个开始时间，其中第二个事件还有一个结束时间。

然后，我们使用这些事件数据初始化 FullCalendar 实例。我们将事件数组传递给 `events` 选项，告诉 FullCalendar 从哪里获取事件数据。

最后，我们调用 `render()` 方法来渲染日历。FullCalendar 会自动将事件呈现在正确的日期和时间上。

除了传递事件数据之外，FullCalendar 还提供了许多其他选项和方法，可以帮助你自定义日历的外观和行为。你可以参考 FullCalendar 的文档来了解更多信息。