我们在使用antd-vue的日期选择组件时,有时需要限制今天以前的日期不可选中,要怎么实现呢?
官方给出的参数,用 disabledDate 传入不可选择的日期
前提确保安装了moment
npm i moment
废话不多说,直接上代码:
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')
},