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天

相关推荐
@菜菜_达7 分钟前
前端 HTML 入门(标签)
前端·html
智航GIS9 分钟前
7.1 自定义函数
前端·javascript·python
BlackWolfSky18 分钟前
React中文网课程笔记1—快速入门
前端·笔记·react.js
A_one201023 分钟前
利用npm内置命令构建脚本工具
前端·npm·node.js
哔哩哔哩技术27 分钟前
2025年哔哩哔哩技术精选技术干货
前端·后端·架构
霍理迪28 分钟前
CSS布局方式——定位
前端·css
星光不问赶路人30 分钟前
TypeScript 架构实践:从后端接口到 UI 渲染数据流的完整方案
前端·vue.js·typescript
ttyyttemo31 分钟前
Dagger技术的使用学习
前端
IT_陈寒36 分钟前
Redis性能翻倍的5个关键策略:从慢查询到百万QPS的实战优化
前端·人工智能·后端
码界奇点1 小时前
基于React与TypeScript的后台管理系统设计与实现
前端·c++·react.js·typescript·毕业设计·源代码管理