antd-form表单下栏位默认值取不到

需求:表单搜集两个日期数据,默认数据分别是当天和12个月后的今天,必填且日期可编辑

前提思路:使用ant-design的form组件,在组件中用DatePicker组件显示并收集日期数据

问题:datepicker的defaultvalue设置了当前栏位的默认值,但是打印发现,此栏位数据为undefined

解决方法:在form下定义initialValues来设置默认值(搜索发现andt4会有这个问题~)

<Form layout="vertical" form={_form} 
          initialValues={
            {
              'Expire Date' : defaultNextDate(),
              'Issue Date' : moment(new Date())
            }
            }>
</form>
               <Form.Item
                      rules={[{required:true,message:'Required!'}]}
                      label={xx} name="xx">
                      <DatePicker placeholder="" showToday={false}                          
                        defaultValue={moment(new Date())}
                        inputReadOnly
                      />
                    </Form.Item>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值