ReactFC的 Form initialValues 中的日期类型值怎么赋值到控件 DatePicker
可以将日期类型的值格式化成字符串,并将其赋值给DatePicker组件的value属性。
例如,假设初始值为一个Date对象:
import { DatePicker } from 'antd';
const MyForm = () => {
const initialValues = {
date: new Date(),
};
return (
<Form initialValues={initialValues}>
<Form.Item name="date">
<DatePicker />
</Form.Item>
</Form>
);
};
如果想要将日期值格式化成特定的字符串格式,可以使用moment.js或其他日期处理库来进行格式化。例如,使用moment.js将日期格式化成"YYYY-MM-DD"格式:
import { DatePicker } from 'antd';
import moment from 'moment';
const MyForm = () => {
const initialValues = {
date: moment(new Date()).format('YYYY-MM-DD'),
};
return (
<Form initialValues={initialValues}>
<Form.Item name="date">
<DatePicker />
</Form.Item>
</Form>
);
};
在这个示例中,我们使用moment.js库将日期格式化成"YYYY-MM-DD"格式,并将其赋值给DatePicker组件的value属性
原文地址: http://www.cveoy.top/t/topic/iFeu 著作权归作者所有。请勿转载和采集!