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