关于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')
},

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理