如何使用Javascript将22:00:00转换为10 PM或22:00？

Question

我正在使用类型时间输入来接收用户输入：

 <input
  type="time"
  id="time"
  name="hour"
  min="10:00"
  defaultValue="18:00"
  max="23:00"
  className="time"
></input>;

时间显示为 22:00:00 ，但我想将其显示为 10PM 或 22:00 。

我尝试像这样使用react Moment.js：

 <Moment className="moment">{data.hour}</Moment>

但是我得到的结果是无效日期（data.hour是格式为19:00:00的小时）。

对此有任何直接的解决方案吗？

非常感谢。

Answer 1

您需要解析然后格式化时间。有关更多详细信息，请参考文档：https://www.npmjs.com/package/react-moment#formatting

<Moment parse="HH:mm:ss" format="HH:mm">22:00:00</Moment>