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

效果如下

相关推荐
爱敲代码的小鱼几秒前
Vue的简介:
前端·javascript·vue.js
H_ZMY15 分钟前
前端瀑布流布局:从基础实现到高性能优化全解析
前端·性能优化
jin42135218 分钟前
基于React Native鸿蒙跨平台一款阅读追踪应用完成进度条的增加与减少,可以实现任务的进度计算逻辑
javascript·react native·react.js·ecmascript·harmonyos
星夜落月19 分钟前
从零部署Wallos:打造专属预算管理平台
服务器·前端·网络·建站
qq_124987075323 分钟前
基于html的书城阅读器系统的设计与实现(源码+论文+部署+安装)
前端·vue.js·spring boot·后端·mysql·信息可视化·html
方安乐25 分钟前
react笔记之useLayoutEffect
javascript·笔记·react.js
cn_mengbei27 分钟前
React Native + OpenHarmony:useState延迟初始化
javascript·react native·react.js
新技术克33 分钟前
高级进阶 React Native 鸿蒙跨平台开发:NativeEventEmitter 原生事件发射器
javascript·react native·react.js·harmonyos
一个懒人懒人43 分钟前
mysql2连接池配置与优化
前端·mysql
PorkCanteen1 小时前
Cursor使用-从问题到解决方案(以及一些通用rules)
前端·ai·ai编程