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

【问题标题】：How can I convert 22:00:00 to 10 PM or 22:00 using Javascript?如何使用 Javascript 将 22:00:00 转换为 10 PM 或 22:00？
【发布时间】：2019-10-05 00:30:18
【问题描述】：

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

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

时间显示为 22:00:00，但我想简单地显示为 10 PM 或 22:00强>.

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

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

但我得到了 Invalid Date 结果（data.hour 是一个小时，格式类似于 19:00:00）。

有什么直接的解决办法吗？

非常感谢。

【问题讨论】：

“我尝试为此使用 Moment.js，但没有成功。”请显示此尝试的代码，以便我们了解它为什么不起作用。如果你的代码是正确的，它应该可以工作，因为这是 Moment.js 的目的之一......
根据 MDN，是否使用 12 小时或 24 小时格式值显示将取决于系统区域设置。 developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
您是否有特殊原因不希望浏览器推断用户可能希望如何显示？
stackoverflow.com/questions/12970284/moment-js-24h-format
moment.js 24h format的可能重复

标签： javascript

【解决方案1】：

您需要解析并格式化您的时间。更多详细信息请参阅文档：https://www.npmjs.com/package/react-moment#formatting

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

【讨论】：