vue日程安排_vue 时间安排表

仿照这种时间安排表的形式，使用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