首页 > 其他 > 详细

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

时间:2020-08-05 17:19:14      阅读:879      评论:0      收藏:0      [点我收藏+]

日期的回显

  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),
                  }
                  )(
                    <DatePicker format="YYYY-MM-DD" />
                  )}
            </FormItem>
          </Col>

 

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

原文:https://www.cnblogs.com/lzhflzjx/p/13440775.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!