共计 631 个字符,预计需要花费 2 分钟才能阅读完成。
咱们在应用 antd-vue 的日期抉择组件时,有时须要限度明天以前的日期不可选中,要怎么实现呢?
官网给出的参数,用 disabledDate 传入不可抉择的日期
前提确保装置了 moment
npm i moment
废话不多说,间接上代码:
<a-date-picker
:disabledDate="disabledDate"
>
</a-date-picker>
methods: {moment,}
methods 中 的 disabledDate 依据以下情境抉择,明天是 2021.03.25
一、限度只能选今天及之后的日期(明天不可选中)
disabledDate (current) {return current && current < moment().endOf('day')
},
二、限度只能选明天及之后的日期(明天可选中)
disabledDate (current) {return current && current < moment().subtract(1, 'days').endOf('day')
},
三、限度只能选昨天及之前的日期(明天不可选中)
disabledDate (current) {return current && current > moment().subtract(1, 'days').endOf('day')
},
四、限度只能选明天及之前的日期(明天可选中)
disabledDate (current) {return current && current > moment().endOf('day')
},
正文完