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

效果图:

相关推荐
LawrenceLan1 分钟前
Flutter 零基础入门(二十二):Text 文本组件与样式系统
开发语言·前端·flutter·dart
hxjhnct9 分钟前
JavaScript 的 new会发生什么
开发语言·javascript
狗都不学爬虫_14 分钟前
JS逆向 - 最新版某某安全中心滑块验证(wasm设备指纹)
javascript·爬虫·python·网络爬虫·wasm
运筹vivo@16 分钟前
攻防世界:Web_php_unserialize
前端·web安全·php
Jiangnan_Cai23 分钟前
【Electron】Windows 下打包遇到 dist/unpacked 文件内 electron.exe 文件缺失问题
前端·javascript·electron
自不量力的A同学24 分钟前
Electron 40.0.0 发布,跨平台桌面应用开发工具
前端·javascript·electron
Charlie_lll37 分钟前
学习Three.js–材质(Material)
前端·three.js
Kratzdisteln42 分钟前
【1902】预先生成完整的树状PPT结构
java·前端·powerpoint
softshow10261 小时前
html2canvas + jspdf实现页面导出成pdf
开发语言·javascript·pdf
深耕AI1 小时前
【wordpress系列教程】05 文章分类与标签
前端