1. 程式人生 > >antd-設定RangePicker選擇區間和預設選擇時間

antd-設定RangePicker選擇區間和預設選擇時間

安裝並引入moment

import moment from 'moment'

設定區間和預設選擇時間

const dateFormat = 'YYYY-MM-DD'
// 預設選擇時間為最近7天
const defaultSelectDate = {
  startDate: moment().startOf('day').subtract(6, 'days'),
  endDate: moment().endOf('day')
}
// 選擇時間限制,區間是今天往前的3個月,也就是最近三個月
const limitSelectDate = {
  min: moment().startOf('day').subtract(3, 'months'),
  max: moment().endOf('day')
}

設定到元件中

<FormItem label='獲得名片時間' colon={false}>
  {getFieldDecorator('obtainDateArr', {
    initialValue: [defaultSelectDate.startDate, defaultSelectDate.endDate]
  })(
    <RangePicker onChange={this.onDateSelectChange} disabledDate={this.disabledDate}
    />
  )}
</FormItem>