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

效果如下

相关推荐
一只一只妖1 天前
突发奇想,还未实践,在Vben5的Antd模式下,将表单从「JS 配置化」改写成「模板可视化」形式(豆包版)
前端·javascript·vue.js
悟能不能悟1 天前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶1 天前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
LFly_ice1 天前
学习React-9-useSyncExternalStore
javascript·学习·react.js
gnip1 天前
js上下文
前端·javascript
中草药z1 天前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
不知名raver(学python版)1 天前
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR!
前端·npm·node.js
醉方休1 天前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架
excel1 天前
📖 小说网站的预导航实战:link 预加载 + fetch + 前进后退全支持
前端