Vue,简单预约功能实现

需求

用户可以选择指定日期时间段进行会议室特定场景的预约。要求如下：
1、只能预约当前时间后未被预约的连续时间段；
2、显示当前所选日期的已预约列表，可查看详情；
3、有权限对自己且在当前时间后的预约项进行取消；

解决方案

1、fullcalendar插件 https://fullcalendar.io/
最开始想的就是找一个插件直接解决掉问题，但是发现它也有一个问题。在后面初始事件(events对象)时，
发现只要浏览器一刷新，事件总是会出现错位现象，表格的宽度也出现问题。虽然有人用过这个插件，但是他们
好像都没有遇见过这些问题似的，哈哈哈，无奈放弃。

2、乖乖手写，一个一个功能的干
思考许久，终于差不多的完成了所需功能。设计图有点小丑：

项目地址：https://github.com/Tangmore/MakeAnAppointment