vue ant-design a-range-picker日期格式的禁用与快速查询

vue ant-design a-range-picker日期格式的禁用与快速查询

#产品需求禁用三个月之前和当前时间以及之后的时间

  <a-range-picker
    :disabled-date="disabledDate"
    :ranges="{ 
      '近一周': [$moment().subtract(7, 'days').endOf('day'), $moment().subtract(1, 'days').endOf('day')], 
      '近一个月': [$moment().subtract(30, 'days').endOf('day'), $moment().subtract(1, 'days').endOf('day') ],
      '近二个月': [$moment().subtract(60, 'days').endOf('day'), $moment().subtract(1, 'days').endOf('day') ],
      '近三个月': [$moment().subtract(90, 'days').endOf('day'), $moment().subtract(1, 'days').endOf('day')]
    }"
    type="date"
    v-model="form.date"
    format="YYYY-MM-DD"
    @ok="onChangeOK"
  >
disabledDate(current) {
      return current < this.$moment().subtract(90, 'days').endOf('day') || current >= this.$moment().subtract(1, 'days').endOf('day')
    }

你可能感兴趣的:(vue ant-design a-range-picker日期格式的禁用与快速查询)