仿照这种时间安排表的形式,使用vue完成这种类似课表的显示效果
首先将每周的预约信息放入一个长度为7的数组中,0-6表示星期天到星期六
创建一个33*7的数组
每个格子1表示该时间空闲,null表示该时间已被占用,如果是对象的话表示这是一个事件的起始事件,按照对象中的信息,设置单元格大小,显示活动主题
效果
数据格式
let days = "天一二三四五六"
let times = ['7:00', '7:30', '8:00', '8:30', '9:00', '9:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30', '18:00', '18:30', '19:00', '19:30', '20:00', '20:30', '21:00', '21:30', '22:00', '22:30', '23:00