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 的补充。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • javascript功能插件大集合,写前端的亲们记得收藏 包管理器管理着 javascript 库,并提供读取和打...
    狗狗嗖阅读 813评论 0 1
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,908评论 0 5
  • 这两天可能店里的账本整理的原因晚上睡觉很晚,早晨一睁眼就七点多真是有点小累。儿子这几天都自己睡觉表现非常棒,问他怕...
    三四班家委会李英兰阅读 216评论 1 0
  • 向往的生活,我们向往的又是哪种生活呢? 前一段时间,我开始了为期一周断掉手机的生活,很失败,我没有成功,只坚持了四...
    小梅绘生活阅读 253评论 0 5
  • 钱不是万能,没有钱却万万不能,这句耳熟能详的话,不仅深深的印在我的心里,相信很多人都已经体会到钱的威力。 钱买不到...
    莫然君阅读 1,892评论 8 28