antd Form表单getFieldDecorator中设置RangePicker的默认时间

迷南。 2021-09-29 15:02 1503阅读 0赞

在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),  
            \],

发表评论取消回复

表情：

评论列表（有 0 条评论，1503人围观）

还没有评论，来说两句吧...

相关阅读

相关 antd获取/更改form表单数据（表单域数据）

创建ref引用 formRef = React.createRef(); 表单和ref绑定 //ref={this.formRef} 先给For

今天药忘吃喽~/ 2024年02月21日 10:08/ 0 赞/ 59 阅读

相关修改antd表单Form.Item的label颜色的方法

默认的Form.item的标签颜色为黑色，但是如果我是用深色背景，这样的情况下表单就看不清楚label了，就像下面的情况，密码两个字完全看不到，所以想把它改为白色字体，就像上面

心已赠人/ 2024年01月30日 06:33/ 0 赞/ 2 阅读

相关 React + antd3.X Form表单 getFieldDecorator、getFieldValue、setFieldValue 、resetFields方法的用法

1、getFieldDecorator 使用getFieldDecorator之前，必须先使用 Form.create(\{ \})(Form) 将表单组件包裹起来。

短命女/ 2023年01月10日 01:23/ 0 赞/ 117 阅读

相关 antd提交表单_请问下antd的form表单如何在form表单外部调用form的submit事件?

1.先在有一个需求用steps步骤条在第一部让用户输入数据后,点击from外面的Button你能够获取到form表单中的值进行提交. 2. ![Image 1][] 3.

矫情吗；*/ 2023年01月08日 07:25/ 0 赞/ 293 阅读

相关 antd提交表单_antd4 form表单使用

antd4.x form使用实例： // AntdForm4.js class组件形式 import React, \{ Component, useEffect \} f

布满荆棘的人生/ 2022年12月31日 08:28/ 0 赞/ 307 阅读

相关 antd form表单验证，表单初始值

form.setFieldsValue(initialValues);实现设置初始默认值 form.validateFields()实现对输入的值进行验证完整代码如下：

古城微笑少年丶/ 2022年11月16日 13:42/ 0 赞/ 452 阅读

相关 react antd form 表单清空

关于react\_antd\_desgin的学习这两天也是获取到的知识零零散散，大多在网上也能获取的到，所以隔了很长的时间，没有编写关于react相关的文章。今天之所以写也是因

深藏阁楼爱情的钟/ 2022年08月28日 13:47/ 0 赞/ 266 阅读

相关 jQuery中设置form表单

<form id="myFormId" name="myForm" action="" method="post"> <input type="text"

Myth丶恋晨/ 2022年06月17日 14:23/ 0 赞/ 279 阅读

相关 antd Form表单getFieldDecorator中设置RangePicker的默认时间

在antd中的时间选择器RangePicker中，使用defaultValue来设置默认值。如下所示： <RangePicker defaultV

迷南。/ 2021年09月29日 15:02/ 0 赞/ 1504 阅读

相关 antd Form表单

(1)自定义Form-item内容自定义的组件需要传递value和onChange参数,通过这两个参数和外面的Form联动自定义组件:

逃离我推掉我的手/ 2021年07月24日 21:24/ 0 赞/ 488 阅读