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

东明兄 2020-04-13
0条评论 3,285 次浏览
东明兄 2020-04-130条评论 3,285 次浏览

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>

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注