reactjs - 返回时间部分仅适用于 formik timepicker

Question

我正在使用 Formik TimePicker，因为我需要的只是用户的时间选择，包括秒数，即format="HH:mm:ss"

我面临的问题是，当我查看最终结果时，我注意到它也在返回日期并将其添加到时间之前。

我在这里有示例代码：CodeSandbox-timepicker

如您所见，当您选择时间并按“提交”按钮时，您将看到该日期和时间。

有没有办法只返回时间部分 -format="HH:mm:ss"

Answer 1

您需要格式化日期，并且有许多库可以帮助格式化日期。这里我使用format的是date-fns

因此，只需按照以下方式格式化日期：-

import {format} from 'date-fns'; // import statement

...
...

format(values.time, 'HH:mm:ss') // format date with desired format

工作演示：https ://codesandbox.io/s/formik-time-picker-ixxp

Answer 2

您可以通过将字符串转换为Date对象并使用toLocaleTime.

const time  = new Date(values.time).toLocaleTimeString();
alert(time);