el-date-picker 禁止选择当前年之前或者之后的年份

typescript 复制代码
  <el-date-picker v-model="ruleForm.years" type="year" :disabled-date="pickerOptions"
   placeholder="请选择获奖年度" class="wih-650p" value-format="YYYY" />
  • 之前
typescript 复制代码
const disabledDateFun = (time: any) => {
    if (time.getTime() < new Date().getTime()) {
        return time.getTime() <= new Date().getTime() - 1 * 8.64e7; //时间范围必须是时间戳
    }
};
  • 之后
typescript 复制代码
const pickerOptions = (time: any) => {
    return new Date().getFullYear() < time.getFullYear();
};

效果图:

相关推荐
LPieces12 小时前
【LPieces-UI】01-从零开始搭建 Vue3 组件库
前端
学习使我快乐0112 小时前
AI时代下,前端如何破局
前端·人工智能
yingyima13 小时前
Unix 时间戳转换实战:一次差点毁掉项目的低级错误
前端
盼兮13 小时前
用AI编程从零搭建一个响应式数据看板
前端·人工智能·数据可视化
Lan.W13 小时前
vue3-element-admin里新增mock接口一直没有生成,不生效
前端·javascript·vue.js·mock
小满zs13 小时前
Next.js部署(Vercel)
前端·next.js
仙古.梦回~13 小时前
vue-skills
前端·javascript·vue.js
倒霉熊dd14 小时前
Python 学习(第二部分:函数、模块与面向对象编程)
前端·数据库·python
gCode Teacher 格码致知14 小时前
Javascrip提高:CSS backdrop-filter的使用方法-由Deepseek产生
前端·css
gCode Teacher 格码致知14 小时前
Javascript提高:canvas画布的网格背景-由Deepseek产生
javascript·css·css3