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天

相关推荐
浮桥13 分钟前
vue3实现pdf文件预览 - vue-pdf-embed
前端·vue.js·pdf
AA-代码批发V哥21 分钟前
Vue框架之钩子函数详解
vue.js
七夜zippoe24 分钟前
前端开发中的难题及解决方案
前端·问题
四季豆豆豆1 小时前
博客项目 laravel vue mysql 第四章 分类功能
vue.js·mysql·laravel
Hockor2 小时前
用 Kimi K2 写前端是一种什么体验?还支持 Claude Code 接入?
前端
杨进军2 小时前
React 实现 useMemo
前端·react.js·前端框架
海底火旺2 小时前
浏览器渲染全过程解析
前端·javascript·浏览器
你听得到112 小时前
揭秘Flutter图片编辑器核心技术:从状态驱动架构到高保真图像处理
android·前端·flutter
驴肉板烧凤梨牛肉堡2 小时前
浏览器是否支持webp图像的判断
前端
Xi-Xu2 小时前
隆重介绍 Xget for Chrome:您的终极下载加速器
前端·网络·chrome·经验分享·github