这种时间时间选择器的大概思路是怎么样的啊

有没有old brother大概讲一下画这个组件的大概思路啊（需求就是已经预约过的时间变成浅蓝色，没预约过的时间段是灰的。我现在点一个格子（颜色变成深蓝色），再点另一个格子（也变成深蓝色），这两个格子之间的时间就是我要预约的时间），一点头绪没有

div 加一个 flex布局。然后根据数据给选中的加个背景颜色。然后点击就给其加个颜色。

如果是固定的行列数的话，那么对应的数组位置和数量也是固定的，那就可以监听格子的点击事件，在得到的两个起点和终点的下标进行计算从而得出他们之间的时间差。