vue日程安排_使用Fullcalendar管理时间计划调度安排

原标题：使用Fullcalendar管理时间计划调度安排

Fullcalendar可以很好的管理日程安排事件，可以管理时间和任务调度，比如日常值班岗位安排、举办活动会议议程安排、项目行动安排、车间劳动岗位排班等等。今天我们来了解一下使用Fullcalendar(v4)，完成一个基于时间的行动任务调度，先看演示DEMO。

准备

我们这个例子基于Vue2和Fullcalendar4，因此你先可以了解本站文章：在Vue框架下使用Fullcalendar，或者到官网：https://fullcalendar.io/了解有关Fullcalendar的更多详情。

我们在本例中用到了事件调度插件：timeline，因此先安装好相关插件：

npm install--save @fullcalendar/core

npm install--save @fullcalendar/resource-timeline

npm install--save @fullcalendar/timeline

使用

我们先新建timeline.vue组件文件，添加组件代码：

showNonCurrentDates= "false"

:schedulerLicenseKey= "licenseKey"

:slotLabelFormat= "slotLabelFormat"

:eventTimeFormat= "evnetTime"

:header= "header"

:aspectRatio= "as