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();
};

效果图:

相关推荐
甄心爱学习5 分钟前
【项目实训(个人3)】
vue.js·人工智能·python·个人开发
许彰午8 分钟前
# 政务表单动态建表?运行时DDL引擎,前端拖完字段后端直接建
java·前端·后端·架构·政务
San30.10 分钟前
前端渲染:从 CSR、SSR 到同构与手写 Vite+React SSR 实践
前端·react.js·前端框架
三声三视11 分钟前
React 19 正式发布!17 个新特性深度解析与迁移指南(2026 实战版)
前端·javascript·reactjs·react
滴滴答答哒14 分钟前
c#将平铺列表转换为树形结构(支持孤儿节点作为独立根节点)
java·前端·c#
雨季mo浅忆14 分钟前
第四项目梳理
前端·面试·vue2
a11177614 分钟前
三维地图可视化 ThreeJS vue 开源项目
前端·javascript·vue.js
接着奏乐接着舞。2 小时前
部署BFF与前端的踩坑与经验记录
前端·node.js
小李子呢02119 小时前
前端八股CSS(2)---动画的实现方式
前端·javascript
GreenTea11 小时前
从 Claw-Code 看 AI 驱动的大型项目开发:2 人 + 10 个自治 Agent 如何产出 48K 行 Rust 代码
前端·人工智能·后端