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

效果图:

相关推荐
得闲喝茶几秒前
JavaScript在数据处理的应用
开发语言·前端·javascript·经验分享·笔记
杨大厨wd23 分钟前
Vue3 业务组件封装别只会传 props:如何设计一个真正好用的组件
vue.js
前端那点事25 分钟前
Vue3 script setup 语法糖最全教程!零基础吃透+项目落地+面试满分
前端·vue.js
ConardLi29 分钟前
Harness 实践:让 Agent 全自动制作知识讲解视频
前端·人工智能·后端
费曼学习法1 小时前
React Hooks 源码级揭秘:为什么必须按顺序调用?
javascript·react.js
努力干饭中1 小时前
Vibe Coding 第二弹:做一个 Canvas K线图
前端·canvas·vibecoding
卷帘依旧1 小时前
Vue 响应式原理:Object.defineProperty vs Proxy 深度对比
前端·vue.js
yqcoder1 小时前
原生 AJAX 揭秘:如何使用 XHR 发起请求
前端·ajax·okhttp
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_34:(深入XML 中的 CDATASection 接口)
xml·前端·html·html5·媒体
之歆1 小时前
DAY_20JavaScript 条件语句与循环结构深度学习(二)
前端·javascript