vue+vant实现日历周末与节假日不可选，指定日期不可选

最新推荐文章于 2024-01-09 13:37:51 发布

努力不够偷懒来凑

最新推荐文章于 2024-01-09 13:37:51 发布

阅读量763

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/qq_32166301/article/details/134111663

版权

//div中
<van-calendar
   v-model="isShow"
   @confirm="onConfirm"
  color="#1989fa"
  :show-confirm="false"
   :formatter="formatter"
 /> 

// 禁止时间选择-js
    formatter(day) {
      '//this.jiejTimeList = [2023-12-29,2023-12-30,2024-01-01] 设置节假日时间
      const days = this.formatDate(day.date);
      const isZhouM = String(day.date).substring(0, 3);
      //控制节假日不可选
      if (this.jiejTimeList.indexOf(days) != "-1") {
        day.bottomInfo = "休";
        day.type = "disabled";
      }
      //控制周末不可以选
      if (isZhouM == "Sat" || isZhouM == "Sun") {
        day.type = "disabled";
      }
      //控制指定日期不可以选
      this.dataList.forEach((res) => {
        if (res.appointmentTime == days) {
          if (res.isYue == "2") {
            day.bottomInfo = "已预约";
            day.type = "disabled";
          }
        }
      });
      return day;
    },

vant官网文档