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

效果图:

相关推荐
2501_913680006 分钟前
Vue3项目快速接入AI助手的终极方案 - 让你的应用智能升级
前端·vue.js·人工智能·ai·vue·开源软件
开开心心_Every7 分钟前
动图制作工具,拆分转视频动态照离线免费
运维·前端·人工智能·edge·pdf·散列表·启发式算法
饭后一颗花生米16 分钟前
2026 前端实战:AI 驱动下的性能优化与工程化升级
前端·人工智能·性能优化
YJlio23 分钟前
4月14日热点新闻解读:从金融数据到平台治理,一文看懂今天最值得关注的6个信号
java·前端·人工智能·金融·eclipse·电脑·eixv3
xjf771125 分钟前
AI重构前端项目指南
前端·ai·重构·编程
踩着两条虫29 分钟前
VTJ:应用场景展示
前端·vue.js·架构
夜宵饽饽30 分钟前
Agent文件系统检索核心:Grep和Glob工具
javascript·github
恋恋风尘hhh37 分钟前
Web 前端安全机制分析:以 Webpack 打包混淆为例
前端·安全·webpack
ywf121538 分钟前
Spring aop 五种通知类型
java·前端·spring
Lee川41 分钟前
Go语言:并发编程的艺术与实践
前端