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

效果如下

相关推荐
徐小夕@趣谈前端5 小时前
LuckyFlow:用Vue3实现的一款AI可视化工作流编辑器
vue.js·人工智能·编辑器
南山安5 小时前
JS 进阶:手写 instanceof 与JS继承全面讲解
javascript·面试·编程语言
恋猫de小郭5 小时前
Android Studio Otter 2 Feature 发布,最值得更新的 Android Studio
android·前端·flutter
小旭@5 小时前
vue3官方文档巩固
前端·javascript·vue.js
努力往上爬de蜗牛5 小时前
electron 打包
前端·javascript·electron
美自坚韧5 小时前
qiankun微前端
前端·vue.js
高桥留5 小时前
可编辑的span
前端·javascript·css
GISer_Jing5 小时前
React Native 2025:从零到精通实战指南
javascript·react native·react.js
三小河6 小时前
js Class中 静态属性和私有属性使用场景得的区别
前端·javascript
名字越长技术越强6 小时前
CSS之选择器|弹性盒子模型
前端·css