FullCalendar 是一个功能强大且易于使用的 JavaScript 日历插件，可以用于在网页应用程序中显示交互式的日历视图。它支持各种功能，包括事件管理、时间段选择、日程安排、拖放调整和响应式设计。FullCalendar 具有灵活的配置选项和丰富的 API，使开发人员可以根据自己的需求轻松自定义和扩展日历功能。无论是创建个人日程表、会议安排还是预订系统，FullCalendar 都是一个理想的选择。

先看效果

• 线上效果： admin.slashspaces.com/#/calendar

自定义Header

个人感觉 fullcalendar的 header太丑，所以就自定义了一个, 包含以下功能

• view类型切换
  • month
  • week
  • day
  • list
• 跳转
  • prev
  • next
  • today
• 新建事件

自定义Event样式

黑暗主题

事件处理

• 创建事件

  • 单击某天创建事件
  • 选择日期范围创建事件
  • 点击按钮自定义创建事件

• 修改事件

• 删除事件

• 拖拽事件

实现

具体实现可以去仓库自行查看代码：

• github.com/d3george/sl…