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

效果图:

相关推荐
小李子呢02114 分钟前
前端八股---脚手架工具Vue CLI(Webpack) vs Vite
前端·vue.js·webpack
gCode Teacher 格码致知5 分钟前
Javascript提高:Math.round 详解-由Deepseek产生
开发语言·javascript
2401_885885047 分钟前
群发彩信接口怎么开发?企业级彩信发送说明
前端·python
织_网7 分钟前
Nest.js:Node.js后端开发的现代企业级解决方案,赋能AI全栈开发
javascript·人工智能·node.js
PILIPALAPENG8 分钟前
第2周 Day 5:前端转型AI开发,朋友问我,你到底在折腾啥?
前端·人工智能·python
Mintopia14 分钟前
前端卡顿的真相:不是你代码慢,是你阻塞了
前端
kyriewen14 分钟前
可选链 `?.`——再也不用写一长串 `&&` 了!
前端·javascript·ecmascript 6
Mintopia16 分钟前
别再乱加缓存:一套判断"该不该缓存"的方法
前端
AnalogElectronic16 分钟前
html+js+css实现七龙珠神龙召唤特效
javascript·css·html
Leisureconfused17 分钟前
【记录】Node版本兼容性问题及解决
前端·vue.js·npm·node.js