Vue项目如何实现fullcalendar日程表功能示例代码？

本文共计564个文字，预计阅读时间需要3分钟。

前言：最近老牌日历插件FullCalendar更新了v4版本，并且增加了Vue支持。以下是用最新FullCalendar+v4制作的一个完整日历体验，效果如下：

安装+功能解析：FullCalendar的功能被分解为插件。如果您需要，请继续阅读。

前言

最近老牌日历插件fullcalendar更新了v4版本，而且添加了Vue支持，所以用最新的fullcalendar v4制作一个完整日历体验一下，效果图：

安装

FullCalendar的功能被分解为“插件”。如果您需要它提供的功能，您只需要包含一个插件。

也就是说，FullCalendar v4所有插件都得单独安装引用。

npm install --save @fullcalendar/vue @fullcalendar/core @fullcalendar/daygrid

引用并初始化

引用、注册FullCalendar组件，得到一个月视图的日历。