antd Form表单getFieldDecorator中设置RangePicker的默认时间
程序员文章站
2022-04-04 21:09:19
...
在antd中的时间选择器RangePicker中,使用defaultValue来设置默认值。如下所示:
<RangePicker
defaultValue={[moment('2015/01/01', dateFormat), moment('2015/01/01', dateFormat)]}
format={dateFormat}
/>
但如果RangePicker在Form表单中,使用defaultValue就不行了。而应该要使用getFieldDecorator 中的一个initialValue属性。代码如下:
<Form.Item {...formItemLayout} label="时间范围">
{getFieldDecorator('timeRange', {
rules: [
{
required: true,
message: '请选择时间范围',
},
],
initialValue: [ // 核心代码
moment(‘2019/07/15’, dateFormat),
moment(‘2019/07/16’, dateFormat),
],
})(
<RangePicker
format={dateFormat}
onChange={e => {
this.rangePickerChange(e);
}}
/>
)}
</Form.Item>
核心代码:
initialValue: [ // 核心代码
moment(‘2019/07/15’, dateFormat),
moment(‘2019/07/16’, dateFormat),
],