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

效果图:

相关推荐
To_OC4 分钟前
通义千问多模态生图踩坑记:我是如何把两个报错逐个干翻的
前端·aigc·vite
wuxia21184 分钟前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
Bigfish_coding8 分钟前
前端转agent-第一周【python】-02 FastAPI与Pydantic实战(TS/JS视角)
前端
秃头网友小李9 分钟前
前端难点:Vue3 响应式遇上 Three.js / ECharts —— 为什么要用 shallowRef?
前端·vue.js
梦曦i11 分钟前
Vite插件开发框架:14个实用插件与完整工具包
前端
KaMeidebaby12 分钟前
卡梅德生物技术快报|biotin 生物素标记抗体全流程
前端·人工智能·算法·数据挖掘·数据分析
VitoChang13 分钟前
前端也能快速入门后端! NestJS前台和后台的Auth认证
前端·后端
TheITSea13 分钟前
一、React初体验:搭建、解析现代开发环境
前端·react.js·前端框架
盒马盒马17 分钟前
Rust:String
java·前端·rust
程序猿阿伟20 分钟前
《Chrome非必要服务的精细化关闭指南》
前端·chrome·php