如何实现NextUI日期时间选择器以12小时制为dd/mm/yyyy

Question

NextUI 的 DateTimePicker 显示

mm/dd/yyyy and hh:min am

但是，我们想要显示：

dd/mm/yyyy hh:min am

我们可以通过

en-GB

作为 NextUI 来实现这一点

locale

:

import { DatePicker, NextUIProvider } from "@nextui-org/react";

<NextUIProvider locale="en-GB">
    <DatePicker hideTimeZone showMonthAndYearPickers />
</NextUIProvider>

但是有了

en-GB

，时间选择器变得像 24 小时一样

dd/mm/yyyy HH:min

我们该如何解决这个问题？

Answer 1

我们遇到了这个问题，发现使用

en-US

适用于 12 小时时间选择器，但是日期格式变得

mm/dd/yyyy

。

因此，我们使用

en-IN

:

回退到印度格式

import { DatePicker, NextUIProvider } from "@nextui-org/react";

<NextUIProvider locale="en-IN">
    <DatePicker hideTimeZone showMonthAndYearPickers />
</NextUIProvider>