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

效果如下

相关推荐
森叶8 分钟前
Electron 安装包 asar 解压定位问题实战
前端·javascript·electron
drebander12 分钟前
ubuntu 安装 chrome 及 版本匹配的 chromedriver
前端·chrome
软件技术NINI21 分钟前
html知识点框架
前端·html
深情废杨杨25 分钟前
前端vue-插值表达式和v-html的区别
前端·javascript·vue.js
GHUIJS25 分钟前
【vue3】vue3.3新特性真香
前端·javascript·vue.js
markzzw29 分钟前
我在 Thoughtworks 被裁前后的经历
前端·javascript·面试
众生回避31 分钟前
鸿蒙ms参考
前端·javascript·vue.js
洛千陨32 分钟前
Vue + element-ui实现动态表单项以及动态校验规则
前端·vue.js
笃励1 小时前
Angular面试题五
javascript·ecmascript·angular.js
GHUIJS1 小时前
【vue3】vue3.5
前端·javascript·vue.js