0

我正在开发一个使用 Formik for React 的项目，特别是以下 NPM 包 - https://www.npmjs.com/package/formik-material-ui-pickers

我在这个 npm 包中使用来自 CodeSandbox 链接/示例的代码 -

https://codesandbox.io/s/915qlr56rp?file=/src/index.tsx:4770-4987

    <Field component={TimePicker} name="time" label="Time" />
    <Field component={DatePicker} name="date" label="Date" />

我的问题是，我如何默认将日期和时间显示为DD-MM-YYYY作为占位符以及默认时间显示HH:MI:SS作为占位符，而不是在启动时显示日期和时间？

只有当用户选择日期和时间时，我才希望它显示和更新 Formik 的初始值。

我已经在https://material-ui-pickers.dev/api/TimePicker和https://material-ui-pickers.dev/api/DatePicker检查了文档，并且看不到任何允许默认值或占位符值的内容.

4

1 回答 1

0

您需要做一个自定义 DatePicker 并将格式放入其中

解决方案


const CustomDatePicker = ({...props}) => (
    <DatePicker format="dd-MM-yyyy" {...props} />
);

<Field component={CustomDatePicker} name="date" label="Date" />
// Do similar for TimePicker
于 2021-05-20T18:18:19.430 回答