需求:表单搜集两个日期数据,默认数据分别是当天和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>