React KeyboardDatePicker设置初始值格式

问题描述

我有一个组件，可以从后端以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格式正确显示的日期，因为我在format属性上指定了相同的格式。

我如何控制最初加载到选择器中的日期的日期格式

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）