Question

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

我想在Ionic

中以HH：MM AM格式显示它

Answer 1

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

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

[更新]

如果您想要显示格式＆＃39; HH：MM AM＆＃39;，只需使用：

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

会好的。

Answer 2

你可以这样做：

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

Read more here from ionic docs

Answer 3

如果你想＆＃34;显示＆＃34;它说是一个p标签然后你可以使用momentJs library 否则，如果你想将它加载到离子的dateTime指令中，请跟随kyle发布的内容

Answer 4

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

Answer 5

如果要以“ dd / MM / yyyy HH：mm am / pm”格式显示，只需使用：

{{item.inspectionDate | 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;
}

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

6 个答案: