Antd Form中使用getFieldDecorator给RangePicker组件设置默认时间

chat

antd 在form中不能使用defaultValue 给RangePicker 定义默认值,正确写法:

导入相关的组件

import { DatePicker } from 'antd';
import moment from 'moment';

const { RangePicker } = DatePicker;

render函数中 定义 date格式

const DateFormat = 'YYYY-MM-DD HH:mm:ss';

使用getFieldDecorator 给 RangePicker 定义初始值

      <Form.Item label="拼团活动时间">
                    {getFieldDecorator('timeRange', {
                      rules: [
                        {
                          required: true,
                          message: '请选择时间范围',
                        },
                      ],
                      initialValue: [
                        moment('2020/04/15', DateFormat),
                        moment('2020/04/16', DateFormat),
                      ],
                    })(
                      <RangePicker
                        showTime
                        format={DateFormat}
                        onChange={e => {
                          this.rangePickerChange(e);
                        }}/>,
                    )}
                  </Form.Item>

版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/2232/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
Antd Form中使用getFieldDecorator给RangePicker组件设置默认时间
ant design react Form中使用getFieldDecorator给RangePicker组件设置默认时间
<<上一篇
下一篇>>
chat