2

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

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

4

0 回答 0