效果如图所示:
在这里插入图片描述
代码:

<el-form-item class="date" v-if="type!='info'" label="预约时间" prop="yuyueshijian">
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="ruleForm.yuyueshijian"
              type="date"
              placeholder="预约时间"
              :picker-options="pickerOptions1"
            ></el-date-picker>
          </el-form-item>
data (){
   return {
       pickerOptions1: {
         disabledDate(time) {
           let curDate = (new Date()).getTime();//  获取当前时间点
            let seven = 7 * 24 * 60 * 60 * 1000 ;// 设定7天日期  7天 * 24小时 * 60分钟 * 60秒 * 1000 = 7天的时间戳
            let sevenDays = curDate + seven;//  当前时间点后的七天所处的日期
            return time.getTime() < Date.now() + 8.64e7 || time.getTime() > sevenDays + 8.64e7;// 8.64e7 表示一天,明天之前包括明天不可选,只可选七天
          },
        }
   }     
}
Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐