antd-設定RangePicker選擇區間和預設選擇時間
阿新 • • 發佈:2018-11-09
安裝並引入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>