如何解决如何默认 formik 日期和时间字段以显示占位符值
我正在开发一个使用 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 处检查了 doco,但看不到任何允许默认值或占位符值的内容。
解决方法
你需要做一个自定义的DatePicker并将格式放入其中
解决方案
const CustomDatePicker = ({...props}) => (
<DatePicker format="dd-MM-yyyy" {...props} />
);
<Field component={CustomDatePicker} name="date" label="Date" />
// Do similar for TimePicker
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。