Sun_Loading的博客

vue+element实现时间选择 最近有个需求，客户A在预约18号技师时，要根据18号技师的服务时间，自动展示哪些时间段可以预约，哪些时间段18号技师正在服务，而正在服务的时间段，客户A是不能预约的，页面效果如下：(灰色为禁选，白色为可选择，蓝色为选中) 在网上找了半天，也没有找到合适的日期插件，但又要实现这个效果，只能自己造一个了。 我的实现思路： 先将时间段（我的是从8点到夜里0点，每半个小时一个值）放入数组，页面使用button按钮，通过vue的v-for循环显示和赋值，根据条件对每个按钮设置颜色