element-plus时间组件el-date-picker只能选择当前及之前日期

javascript 复制代码
      <el-date-picker v-model="timeVal" type="daterange" value-format="YYYY-MM-DD" range-separator="To" start-placeholder="开始时间" end-placeholder="结束时间" />

默认是这样的,需要绑定disabled-date属性,并且赋值。

javascript 复制代码
 <el-date-picker v-model="timeVal" type="daterange" value-format="YYYY-MM-DD" range-separator="To" start-placeholder="开始时间" end-placeholder="结束时间" :disabled-date="disabledDate"/>
 // 生效时间只能选当天及之前的
const disabledDate = (time: Date) => {
	return time.getTime() > Date.now();
};   

效果如下

相关推荐
Watermelo6174 分钟前
【前端实战】从 try-catch 回调到链式调用:一种更优雅的 async/await 错误处理方案
前端·javascript·网络·vue.js·算法·vue·用户体验
木易 士心4 分钟前
NestJS 核心揭秘:InstanceWrapper 的艺术与前端缓存新思路
前端·缓存
古韵6 分钟前
当 API 文档走进编辑器会怎样?
vue.js·react.js·node.js
IT_陈寒8 分钟前
SpringBoot 3.x性能优化实战:这5个配置让你的应用启动速度提升50%
前端·人工智能·后端
奶昔不会射手9 分钟前
css之如何获取祖先元素的宽高
前端·css
serve the people9 分钟前
滑块验证完整实现教程(前端 + 后端 + Nginx 集成)
运维·前端·nginx
yivifu10 分钟前
Excel中Lookup函数实现临界点归入下一个等级的方法
java·前端·excel
Wiktok11 分钟前
Tailwind CSS 自适应相关
前端·css·tailwindcss
LYFlied12 分钟前
【一句话概括】Vue2 和 Vue3 的 diff 算法区别
前端·vue.js·算法·diff
亮子AI16 分钟前
Chrome 和 Edge 生成的 fingerprint 是一样的?
前端·chrome·edge