其實用setFieldsValue或者獲取setState方法都可以設置DatePicker的默認值。
但是關鍵點在於,引用moment方法轉換日期格式
1、setState方法,利用FormItem組件的initialValue屬性設置默認值:
import moment from 'moment';
this.setState({defaultDate}) // 自定義默認日期
<FormItem label="日期選擇框">
{getFieldDecorator('date', {
initialValue: moment(this.state.defaultDate, 'YYYY-MM-DD'),
})(
<DatePicker format={'YYYY-MM-DD'} />
)}
</FormItem>
2、setFieldsValue方法,利用form的setFieldsValue屬性賦值:
import moment from 'moment';
this.props.form.setFieldsValue({
"date": moment("自定義默認日期", 'YYYY-MM-DD')
})
<FormItem label="日期選擇框">
{getFieldDecorator('date', {
rules: [{ required: true }],
})(
<DatePicker format={'YYYY-MM-DD'} />
)}
</FormItem>
RangePicker同理,只是 initialValue 變成了數組 [ moment( startDate ) , moment( endDate )]