乐趣区

关于vue.js:antdvue的datepicker限制不能选择今天之前的时间

咱们在应用 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')
},

退出移动版