react ant design form表单里的回显操作


日期的回显

  renderForm() {
    const {
      form: { getFieldDecorator },
      chargingscheme:{data},
    } = this.props;

    return (
      <Form onSubmit={this.handleSearch} layout="inline">
         <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
          <Col md={8} sm={24}>
            <FormItem label="开始日期">
              {getFieldDecorator("StartDate",
                  {
                    rules: [{ required: true, message: "请输入数量!" }],
                    // initialValue: moment(new Date()),
                    // 日期的回显 后台返回的日期格式为 2020-08-22 00:00:00
                    initialValue: moment(data.StartDate),// 后台返回的日期放在moment里面即可
                  }
                  )(
                    <DatePicker format="YYYY-MM-DD" />
                  )}
            </FormItem>
          </Col>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM