笔记记录Vue+Element-ui+Fullcalendar简约日历排班

官方文档地址：https://fullcalendar.io/docs/vue

1. 安装一下Fullcalendar依赖

npm install --save "@fullcalender/core"
npm install --save "@fullcalender/interaction"
npm install --save "@fullcalender/timegrid"
npm install --save "@fullcalender/vue"

 2. 引入

import FullCalendar from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'
import timeGridPlugin from '@fullcalendar/timegrid'
import interactionPlugin from '@fullcalendar/interaction'
import { INITIAL_EVENTS, createEventId } from './event-utils'

3. 编写组件

<div class="demo-app-main">
      <FullCalendar class="demo-app-calendar" :options="calendarOptions">