element UI 日期组件 DatePicker动态控制picker-options 中的 disabledDate属性操作

项目场景:

vue + element UI项目,二次封装element UI 中的el-date-picker 组件,日期组件在不同的页面A和页面B中,限制可选择的日期条件不同

问题描述:

A页面 :要求显示为日类型,当前日期之后的日期均不可选择;
B页面 :要求显示为月类型,当前月份及之后月份均不可选择;
例如当前日期为2021年4月19日,
则在A页面 2021年4月20日及之后的日期都不可以选中,B页面日期只能选中2021年3月及之前日期

解决方案:

在这里插入图片描述element UI 中介绍到picker-options 属性中 的disableDate 可以限制日期组件的可选日期

//Date 组件中封装DatePicker组件
  <el-date-picker
           ...//此处省略其他配置
            :picker-options="p
  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值