FullCalendar V4 —— （1）安装插件

系列文章：

1. FullCalendar V4 —— （1）安装插件
2. FullCalendar V4 —— （2）日历属性

安装

在 FullCalendar V4 中，FullCalendar 的功能被分解为一个个插件，每个插件都要分别单独安装。

安装 FullCalendar 的2个基础模块 @fullcalendar/core 与 @fullcalendar/daygrid：

npm i -S @fullcalendar/core @fullcalendar/daygrid

类似地，其他插件也可按需安装。

下面解释下各个插件的功能。

插件介绍

参考自官方文档：plugin-index

插件	功能
@fullcalendar/react	提供 react 组件。
@fullcalendar/vue	提供 vue 组件。
@fullcalendar/angular	提供 angular 组件。
@fullcalendar/core	提供基础的核心功能和日期类。
@fullcalendar/interaction	检测 dateClick 、 selectable 的动作，以及 事件的拖放和调整大小动作。
@fullcalendar/daygrid	提供月视图和 DayGrid 视图，包括： dayGridDay 、 dayGridWeek 、 dayGridMonth 。其中 dayGridMonth 是 fullcalendar 日历的默认视图，即月视图。
@fullcalendar/timegrid	提供 TimeGrid 视图，包括： timeGridDay 、 timeGridWeek 。视图垂直方向是一天的时间轴，水平方向是一天或一周。
@fullcalendar/list	提供列表视图，包括： listDay 、 listWeek 、 listMonth 、 listYear 。
@fullcalendar/timeline	提供时间轴视图（无资源支持），包括： timelineDay 、 timelineWeek 、 timelineMonth 、timelineYear 。
@fullcalendar/resource-common	为资源提供基础支持，被所有与资源相关的插件所需要。
@fullcalendar/resource-timeline	提供资源的时间轴视图（如 outlook 里各会议室的占用情况），包括： resourceTimelineDay 、 resourceTimelineWeek 、 resourceTimelineMonth 、 resourceTimelineYear 。视图垂直方向是各资源，水平方向是时间轴。
@fullcalendar/resource-timegrid	提供资源的 TimeGrid 视图，包括： resourceTimeGridDay 、 resourceTimeGridWeek 。视图垂直方向是一天的时间轴，水平方向是按天聚合后的资源（或按资源聚合的日期）。
@fullcalendar/resource-daygrid	提供资源的 DayGrid 视图和月视图，包括： resourceDayGridDay 、 resourceDayGridWeek 、 resourceDayGridMonth。
@fullcalendar/bootstrap	提供 bootstrap 主题。
@fullcalendar/google-calendar	用于从 Google 日历里加载事件。
@fullcalendar/rrule	基于 rrule.js 库的插件，用于生成重复事件，比 fullcalendar 内置的简单重复事件的功能更强大。
@fullcalendar/luxon	基于 Luxon （ moment.js 的另一个库）实现的时区插件，提供了时区相关功能，并能够格式化字符串以及转换日期。
@fullcalendar/moment	基于 moment.js 开发的时间插件，可以将日期转换为 moment 对象。
@fullcalendar/moment-timezone	基于 moment.js 开发的时区插件，提供了时区相关功能，作为 @fullcalendar/moment 的补充。