如何使用脚本标签正确设置FullCalendar？

FullCalendar是一个用于创建可交互日历的JavaScript库。要正确设置FullCalendar，可以按照以下步骤进行：

引入FullCalendar库：在HTML文件中，使用脚本标签引入FullCalendar库。可以通过以下方式引入：

<script src="fullcalendar.min.js"></script>

创建一个容器：在HTML文件中，创建一个用于显示日历的容器。可以使用一个<div>元素作为容器，并为其指定一个唯一的ID。例如：

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

初始化FullCalendar：在JavaScript代码中，使用FullCalendar的初始化函数来配置和显示日历。可以通过以下方式初始化：

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    // 配置选项
  });
  calendar.render();
});

配置选项：在初始化函数中，可以通过配置选项来自定义日历的外观和行为。以下是一些常用的配置选项：

initialView：设置日历的初始视图，如月视图、周视图、日视图等。
headerToolbar：设置日历顶部工具栏的按钮和标题。
events：设置日历显示的事件数据源。
eventClick：设置事件点击时的回调函数。
eventColor：设置事件的颜色。
editable：设置是否允许用户拖拽和调整事件。
eventDrop：设置事件拖拽完成后的回调函数。

可以根据具体需求，选择适合的配置选项进行设置。

添加事件：通过配置events选项，可以将事件数据源与日历关联起来。可以使用数组或URL来指定事件数据。例如：

var calendar = new FullCalendar.Calendar(calendarEl, {
  events: [
    {
      title: 'Event 1',
      start: '2022-01-01'
    },
    {
      title: 'Event 2',
      start: '2022-01-05',
      end: '2022-01-07'
    }
  ]
});