在使用antd的日期组件的过程中,我想要在form表单中将已经生成好的日期数据显示在DatePicker中,应该这样去处理:
{
"info": "Scott Robinson",
"infoimage": [
"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
],
"url": "wais://tgcpiwl.bm/syuehvmd",
"ip": "149.87.108.249",
"address": "上海 上海市 虹口区",
"date": "1989-03-01T00:00:00.000Z",
"email": "v.kgmtrgfxcm@shnuycmbc.info",
"text": "现科电东件象两算它做民派越音。指认满容必五员观毛小体进史向际些。"
}
<Form.Item
label="日期"
name="date"
rules={[{ required: true, message: '日期不能为空!' }]}
>
<DatePicker />
</Form.Item>
// record是需要回显的数据
const obj = record;
obj.date = dayjs(new Date(record.date));
// setIsRecord是对form表单的数据对象进行赋值
setIsRecord(obj);
参考链接:
https://codesandbox.io/s/antd-reproduction-template-forked-4mv33s?file=/index.js