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

效果如下

相关推荐
_OP_CHEN9 分钟前
前端开发实战深度解析:(一)认识前端和 HTML 与开发环境的搭建
前端·vscode·html·web开发·前端开发
Irene199115 分钟前
ES6 export 语句 语法规范
javascript·es6·export
xiAo_Ju16 分钟前
iOS一个Fancy UI的Tricky实现
前端·ios
H***997618 分钟前
Vue深度学习实战
前端·javascript·vue.js
猴猴不是猴1 小时前
js实现卷轴,中间可滑动方块,左右两侧对比
javascript·css·css3
toooooop81 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
y***86691 小时前
前端CSS-in-JS方案
前端·javascript·css
暖木生晖1 小时前
APIs之WEB API的基本认知是什么?
前端·dom·dom树·web apis
华仔啊1 小时前
你真的懂递归吗?没那么复杂,但也没那么简单
前端·javascript
火星数据-Tina1 小时前
低成本搭建体育数据中台:一套 API 如何同时支撑比分网与 App?
java·前端·websocket