Material UI 带秒的日期和时间组件的 Formik 选择器

Material UI Pickers with Formik for both Date and Time components with seconds

我目前正在与 Formik 一起开发一个需要使用日期和时间选择器的 React 应用程序。我正在使用 Material-UI 构建应用程序,并且一直在 Material-UI Pickers over at https://material-ui-pickers.dev/

由于我是React/Formik/Material-UI的新手,我有以下问题:

  1. 是否可以将 Material-UI 选择器与 Formik 一起使用,因为我需要维护用户提供的所有 dates/time 的状态?

  2. 当涉及到用户输入日期和时间时,我有一个案例,用户需要输入日期和时间,但采用 24 小时格式,还需要包括秒,即

我追求的格式是:DD/MM/YYYY HH24:MI:SS

使用 Material-UI 选择器是否可行,因为我在演示中看到,我没有看到添加秒数的功能?

  1. 我还有另一种情况,用户输入将只是一个单独的时间组件,同样是秒,就像我之前的问题一样,即:

HH24:MI:SS

我想我主要关心的是,如何让用户也提供所需的秒数 SS

最好的方法是分别使用 DatePicker(用于设置日期)和 Timepicker(提供秒功能以及小时和分钟设置),您可以使用 Material UI 选择器Formik ,我已经把它放在沙箱里了,你可以参考实现