react ant design from表单中日期范围回显

最新推荐文章于 2023-10-27 21:42:52 发布

木不是

最新推荐文章于 2023-10-27 21:42:52 发布

阅读量679

点赞数 1

分类专栏： ant design 文章标签： reactjs Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_48056485/article/details/129131448

版权

ant design 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

render(
<Form {...formItemLayout} onSubmit={this.handleSubmit}>
                                        <Form.Item label="活动时间">
                                            {getFieldDecorator('range-time-picker', rangeConfig)(
                                                <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />,
                                            )}
                                        </Form.Item>

                                        <Form.Item {...tailFormItemLayout}>
                                            <Button size='large' type="primary" style={{ marginRight: '12px' }} htmlType="submit">
                                                保存
                                            </Button>
                                        </Form.Item>
                                    </Form>
)

设置表单值
需要 import moment from 'moment'
this.props.form.setFieldsValue(
                    {
                        "range-time-picker": [
                            moment("2023-02-14 17:45:23", 'YYYY-MM-DD HH:mm:ss'),
                            moment("2023-03-15 17:45:23", 'YYYY-MM-DD HH:mm:ss'),
                        ]
                    }
                )