需求
用户可以选择指定日期时间段进行会议室特定场景的预约。要求如下:
1、只能预约当前时间后未被预约的连续时间段;
2、显示当前所选日期的已预约列表,可查看详情;
3、有权限对自己且在当前时间后的预约项进行取消;
解决方案
1、fullcalendar插件 https://fullcalendar.io/
最开始想的就是找一个插件直接解决掉问题,但是发现它也有一个问题。在后面初始事件(events对象)时,
发现只要浏览器一刷新,事件总是会出现错位现象,表格的宽度也出现问题。虽然有人用过这个插件,但是他们
好像都没有遇见过这些问题似的,哈哈哈,无奈放弃。
2、乖乖手写,一个一个功能的干
思考许久,终于差不多的完成了所需功能。设计图有点小丑: