自定義時間 AM,PM 字符串格式 react-datepicker

Question

我正在使用react-datepicker庫。 我想要自定義“上午，下午”文本到“SA，CH”（越南語）。 例如： 1:00 AM至1:00 SA ， 5:00 PM至5:00 CH 。 我嘗試導入越南語言環境但不起作用。

import DatePicker, { registerLocale } from 'react-datepicker'
import viLocale from 'date-fns/locale/vi'
registerLocale('vi', viLocale)
...
<DatePicker
...
dateFormat="h:mm aa"
locale="vi"
/>

任何人都可以幫助我。 感謝您的幫助

Answer 1

您可以使用dateFormat="h:mm aaaa"而不是dateFormat="h:mm aa" ，例如：

<DatePicker
  showTimeSelect
  selected={startDate}
  onChange={(date) => setStartDate(date)}
  dateFormat="h:mm aaaa"
  locale="vi"
/>

您可以查看此沙箱，了解此解決方案的實時工作示例。