FullCalendar V4 —— （1）安装插件
2020-04-21 本文已影响0人
章光辉_数据
系列文章：
安装
在 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 的补充。 |
