javascript - 带有 Formik 的 Material UI 选择器，用于日期和时间组件，带有秒数

Question

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

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

1. 是否可以将 Material-UI Pickers 与 Formik 一起使用，因为我需要维护用户提供的所有日期/时间的状态？

2. 当涉及到日期和时间的用户输入时，我有一种情况，用户需要同时输入日期和时间，但以 24 小时格式输入，并且还需要包括秒数，即

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

从我在演示中看到的那样，Material-UI Pickers 是否可以做到这一点，我没有看到添加秒数的功能？

3. 我还有另一种情况，用户输入只是一个时间组件，同样是几秒钟，就像我之前的问题一样，即：

HH24:MI:SS

我想我主要关心的是，如何允许用户同时提供SS所需的秒数？

标签： javascriptreactjsdatepickermaterial-uiformik

Answer 1

最好的方法是分别使用 DatePicker（用于设置日期）和 Timepicker（提供秒功能以及小时和分钟设置），您可以将 Material UI Pickers 与 Formik 一起使用，我已将其放在沙箱中，您可以参考它用于实施