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

效果图:

相关推荐
野生的程序媛几秒前
重生之我在学Vue--第7天 Vue 3 数据请求(Axios)
前端·javascript·vue.js
cv高级工程师YKY1 分钟前
前端 - uniapp - - 滚动容器scroll-view实现横向滚动
前端·uni-app
程序媛刘刘5 分钟前
uniappx 使用体验
java·服务器·前端
coder阿龙8 分钟前
【UNIAPP】获取视频的第一帧作为封面(基于视频URL,Canvas)复制即用
前端·uni-app·音视频
蘑菇王10 分钟前
无需打包构建?ESM Bundleless 开发的探索与实践
前端·javascript
只会写Bug的程序员14 分钟前
面试之《TypeScript泛型》
前端·面试·typescript
宇寒风暖24 分钟前
HTML嵌入CSS样式超详解(尊享)
前端·css·笔记·学习·html
秋天的一阵风28 分钟前
‌ES Module 都过十岁生日了,你还不了解它的运行原理吗?
前端·javascript·面试
FreeCultureBoy32 分钟前
本地运行LLM的实用指南
前端
二川bro1 小时前
前端项目Axios封装Vue3详细教程(附源码)
前端