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 @   lzhflzjx  阅读(3457)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示