Vue项目中使用fullCanlendar完成计划日历的一些记录

什么都不说了，先把我项目要实现的效果给大家看一下

其实很简单，但是样式让我好一顿调…先说一下怎么使用fullCanlendar吧。

1.安装需要的依赖

cnpm install --save @fullcalendar/vue @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/moment @fullcalendar/interaction

这里我用了cnpm 因为我的项目不知道为什么，用npm总是安装错误，但是用cnpm就好使，如果有跟我一样的可以试试换cnpm用哦~

2.引用安装好的组件

import dayGridPlugin from '@fullcalendar/daygrid'
import timeGridPlulgin from '@fullcalendar/timegrid'
import interactionPlugin from '@fullcalendar/interaction'
import momentPlugin from '@fullcalendar/moment'
import '@fullcalendar/core/locales/zh-cn' // 支持中文