el-data-picker限制日期可选范围

复制代码
          <el-date-picker
            class="date"
            v-model="date"
            type="date"
            @change="dateChange"
            value-format="yyyy-MM-dd"
            format="yyyy-MM-dd"
            placeholder="选择日期"
            :picker-options="datePickerOptions"
          >
          </el-date-picker>

data中
      datePickerOptions: {
        disabledDate: this.disabledDate,
      },

method中

    disabledDate(currentDate) {
      return currentDate.getTime() > Date.now() || currentDate.getTime() < (Date.now() - this.dateRecord*24*60*60*1000);
    },

这里的this.dateRecord可以是自己设定的值

表示今天往后的dateRecord天

相关推荐
leafyyuki几秒前
从零到一落地「智能助手」:一次基于 OpenSpec 的流式对话前端实践
前端·vue.js·人工智能
踩着两条虫2 分钟前
VTJ:架构设计模式
前端·架构·ai编程
孙凯亮3 分钟前
Three.js VR 模拟器(Immersive Web Emulator)踩坑全记录:从报错到可用,避坑指南一次性奉上
前端·three.js
CDN3603 分钟前
2026年Web性能优化实测:360CDN如何通过“时效性”与“地域性”双杀提升排名?
前端·性能优化
Dxy123931021612 分钟前
Python使用XPath定位元素:and和or组合条件
前端·javascript·python
李剑一17 分钟前
可以说99%的前端都没咋用过!JS逗号操作符,面试常考但业务少用?一篇吃透不踩坑
前端
百结21418 分钟前
HAProxy 搭建 Web 集群
前端·web
GISer_Jing23 分钟前
Todos
前端·人工智能·学习
hresh25 分钟前
两个 Chrome 窗口各 20 多个 tab 后,我把 tab-out 改成了更顺手的 TabNest
前端·chrome·后端