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

Question

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

我想以离子的 HH：MM AM 格式显示它

Answer 1

要显示日期时间，您可以使用管道以 angular2 方式进行操作。Angular2 提供了一个 DatePipe。你可以像这样使用它：

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

[更新]

如果要显示为"HH：MM AM"格式，只需使用：

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

会没事的。

Answer 2

你可以这样做：

<ion-datetime displayFormat="hh:mm a" [(ngModel)]="myDate"></ion-datetime>

从离子文档中阅读更多内容

Answer 3

如果你想在p标签中"显示"它，那么你可以使用momentJs库否则，如果你想把它加载到离子的dateTime指令中，请遵循kyle发布的任何内容

Answer 4

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

Answer 5

如果要

显示为"dd/MM/yyyy HH：mm am/pm"格式，只需使用：

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

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;
}