vue使用FullCalendar插件实现会议预约功能，个性化实现周视图

此案例是做一个会议预约的页面，可以通过会议室下拉框切换会议室，通过选择日期跳转到某一天的周视图，其中一些个性化的设置包括title和左右切换按钮的样式修改、左侧时间栏显示半点、每列头部用日期加星期上下展示等。

话不多说，先上图 ：

开始使用：

1.vue项目使用npm安装插件

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

2.在会议预约页面引入js和样式

页面编写：

3.css样式代码：