ElementUI中如何让DatePicker组件禁用当前日期之后的日期

前言: 有时候,我们会遇到在日期选择器中,对于当前日期之后的日期不让用户选择,对未发生的日期,还未产生数据,接口也需要屏蔽掉未发生的日期。效果如下图所示:
在这里插入图片描述
    其实,组件文档里面有说明,只需要设置一下picker-options即可,下面,让我们看下代码吧:
在这里插入图片描述

<el-date-picker
      			v-model="value1"
				:popper-append-to-body="false"
      			type="date"
				value-format="yyyy-MM-dd "
      			placeholder="选择日期"
                :picker-options="{
						disabledDate(time) { // 设置禁用状态,参数为当前日期,要求返回 Boolean
							return time.getTime() > Date.now();
						}
				}"
				@change="getTime()">
</el-date-picker>
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值