ant-design vue range-picker 禁用当前

2020-05-27  本文已影响0人  Rose_yang
  <a-range-picker
                    :disabled-date="disabledDate"
                    :disabled-time="disabledRangeTime"
                    :show-time="{
                    hideDisabledOptions: true,
                    defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('11:59:59', 'HH:mm:ss')]
                  }"
                    format="YYYY-MM-DD HH:mm:ss"
                  />

  range (start, end) {
      const result = []
      for (let i = start; i < end; i++) {
        result.push(i)
      }
      return result
    },
    disabledDate (current) {
      return current < moment().startOf('day')
    },
    disabledRangeTime (_, type) {
      // 禁用当前时间之前的
      if (type === 'start') {
        return {
          disabledHours: () => this.range(0, moment().hour()),
          disabledMinutes: () => this.range(0, moment().minute()),
          disabledSeconds: () => this.range(0, moment().second())
        }
      }
      return {
        // disabledHours: () => [],
        // disabledMinutes: () => [],
        // disabledSeconds: () => []
      }
    },
上一篇 下一篇

猜你喜欢

热点阅读