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>

 

posted @ 2020-08-05 16:31  lzhflzjx  阅读(3362)  评论(0编辑  收藏  举报