reactjs 自定义时间AM,PM字符串格式react-datepicker

yfjy0ee7  于 5个月前  发布在  React
关注(0)|答案(2)|浏览(68)

我正在使用react-datepicker库.我想自定义'上午,下午'文本为'SA,CH'(越南语).例如:1:00 AM1:00 SA5:00 PM5: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"
/>

字符串
任何人都可以帮助我。谢谢你的帮助

inn6fuwd

inn6fuwd1#

您可以使用dateFormat="h:mm aaaa"代替dateFormat="h:mm aa",如:

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

字符串
您可以查看this sandbox以获得此解决方案的实时工作示例。

gjmwrych

gjmwrych2#

如果要在选择时间时显示它,请执行以下操作:

<DatePicker
  ...
  dateFormat="h:mm aaaa"
  timeFormat="h:mm aaaa"
  locale="vi"
/>

字符串

相关问题