仅返回formik时间选择器的时间部分

Question

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

我面临的问题是，当我查看最终结果时，我注意到它也在返回日期，并为时间做准备。

我在这里有示例代码：CodeSandbox时间选择器

正如您所看到的，当您选择一个时间并按"；提交"；按钮，您将看到日期和时间。

是否有任何方法只返回时间部分-format="HH:mm:ss"

Answer 1

您需要格式化日期，有许多库可以帮助格式化日期。在这里，我从日期fns 开始使用format

因此，只需通过以下方式格式化日期：-

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-ixxxp

Answer 2

通过将字符串转换为Date对象并使用toLocaleTime，您可以在不使用任何外部库的情况下从datetime获取时间。

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