我有一个组件从后端接收日期作为 dd/MM/yyyy 格式的字符串。我将此日期传递给我的 MaterialUI datepicker 组件,但它会将其转换为 MM/dd/yyyy ,有没有办法可以控制此转换,而不是使用虚拟变量来执行转换
function MainForm3() {
const initialValues = {dob: '12/09/2020'}
return (<Formik initialValues={initialValues}>
{ formik => {
return (
<>
<myDatePicker name={"dob"} label={"Date of birth"} />
</>
)}}
</Formik >)}
function myDatePicker(props: any) {
const [field] = useField(props);
return (
<MuiPickersUtilsProvider utils={DateFnsUtils} >
<KeyboardDatePicker
fullWidth
InputProps={}
label={label}
placeholder={label}
{...field}
variant="inline"
inputVariant="outlined"
format="dd/MM/yyyy"
autoOk={true}
/>
</MuiPickersUtilsProvider>
)}
初始加载文本字段中的日期以 MM/dd/yyyy 格式显示。当我单击选择器并选择它以 dd/MM/yyyy 格式正确显示的日期时,因为我在格式属性上指定了相同的格式。
我如何控制最初加载到选择器中的日期的日期格式