ant-design vue 时间段组件range-picker设置选择范围

1、时间限制范围 开始时间~结束时间不能超过31天

2、时间限制范围 结束时间不能超过今天

   
                
              
// data 中声明
 disabledCurrent: null,
  /**
     * 清空禁用时间段的设置
     */
    onOpenChange (status) {
      // 清空禁用时间段的设置
      this.disabledCurrent = null
    },
    /**
     * 获取手动选择的时间段起始值
     */
    onCalendarChange (dates) {
      console.log('From: ', dates[0], ', to: ', dates[1])
      // 获取手动选择的时间段起始值
      this.disabledCurrent = dates[0]
    },
    /**
     * 时间控制切换赋值
     */
    onChangeTimer (moment, data) {
      this.fromTime = data[0]
      this.toTime = data[1]
    },
    /**
     * 1、时间限制范围 开始时间~结束时间不能超过31天
     */
    disabledDate (current) {
      if (!this.disabledCurrent) return false

      return (current && current < moment(this.disabledCurrent).subtract(1, 'M').startOf('day')) || current > moment(this.disabledCurrent).add(1, 'M').endOf('day')
    },
 /**
     * 2、时间限制范围 结束时间不能超过今天
     */
    disabledDate (current) {
      return current < moment().subtract(31, 'days').startOf('day') || current > moment().endOf('day')
    },

你可能感兴趣的:(ant-design vue 时间段组件range-picker设置选择范围)