在fullcalendar中如何设置事件的时间和日期

在FullCalendar中，设置事件的时间和日期需要遵循一定的格式。以下是一些基本步骤来创建和设置事件的时间和日期：

1. 首先，确保你已经正确地安装并引入了FullCalendar库。可以通过CDN或者npm/yarn等方式引入。

2. 在你的HTML文件中，创建一个用于放置日历的div元素：

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

3. 接下来，在JavaScript文件中初始化FullCalendar，并提供相关的配置选项。其中，events属性用于存储事件数据。

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      // 这里添加事件数据
    ]
  });

  calendar.render();
});

4. 现在，向events数组中添加事件数据。每个事件都应该是一个包含title、start和end属性的对象。start和end属性表示事件的开始和结束时间。

events: [
  {
    title: '我的生日',
    start: '2022-08-08T10:00:00',
    end: '2022-08-08T12:00:00'
  },
  {
    title: '会议',
    start: '2022-08-10T09:00:00',
    end: '2022-08-10T11:00:00'
  }
]

注意，日期和时间应该遵循ISO 8601格式（即 “YYYY-MM-DDTHH:mm:ss”）。

5. 如果你想使用其他视图（例如周视图或者天视图），可以修改initialView属性的值：

initialView: 'timeGridWeek', // 周视图
// 或者
initialView: 'timeGridDay', // 天视图

6. 最后，运行你的代码，你应该能在FullCalendar中看到设置好的事件时间和日期。

更多关于FullCalendar的信息和高级用法，请参考官方文档：https://fullcalendar.io/docs