如何在Ionic中以HH:MM AM格式显示日期时间

Question

我有一个日期字符串 "2017-01-19 10:34:36"，它来自API。

我想在Ionic中以HH:MM AM格式显示它。

- om_jaipur

Answer 1

要显示日期时间，只需使用Angular2的管道方式即可。Angular2提供了一个DatePipe管道。您可以像这样使用它：

{{info.createdDate | date: "yyyy/MM/dd HH:mm:ss"}}

[更新]

如果您想要以“HH:MM AM”格式显示，请使用以下代码：

{{info.createdDate | date: "shortTime"}}

会没问题的。

- Mavlarn

---

问题是“HH:MM AM”格式。这将显示日期和24小时时间格式。 - JanP

Answer 2

你可以像这样做： 阅读更多来自Ionic文档

- Tien

Answer 3

如果你想在 p 标签中“显示”它，那么可以使用 momentJs 库。否则，如果你想将它加载到 Ionic 的 dateTime 指令中，请遵循 Kyle 发布的任何内容。

- Bala Abhinav

Answer 4

一个很好的资源是Angular文档。它写得很好，在这里查看https://docs.angularjs.org/api/ng/filter/date。

- Norman Pilusa

Answer 5

如果您想以“dd/MM/yyyy HH:mm am/pm”格式显示，请使用以下代码：

{{item.createdDate | date: "dd/MM/yyyy HH:mm a"}}

- Abdul khader

Answer 6

将日期字符串传递给以下函数，它将返回HH:MM AM格式的时间。

getFormatedTime(dateString){
   var date = new Date(dateString);
   var hours = date.getHours() > 12 ? date.getHours() - 12 : date.getHours();
   var am_pm = date.getHours() >= 12 ? "pm" : "am";
   var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
   let time = hours + ":" + minutes + " " + am_pm;
   return time;
}

- Mangesh Daundkar