转换时间，ISO格式来填充离子2

Question

离子日期时间我有这个在我的html：

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

我要填充与从服务器的数据。从http请求的结果是字符串格式：

10:00PM 

我我的.ts我有这样的代码来填充：

this.time = data.time; 

在这data.time = '10:00PM'

但不幸的是，它给我一个错误：无效的ISO格式。

如何将10:00PM转换为ISO格式，以填充显示格式为hh:mm a的ion-datetime？

请帮帮我。谢谢:)

Answer 1

如果你想显示'10：00PM'，你需要将该字符串转换为'22:00'。采用这种格式，ion-datetime组件将预先选择'10：00'小时和'PM'。

您可以轻松地做到这一点与moment.js，像这样：

moment(yourString, 'h:mm a').format('H:mm'); 

然后，就像你说的，你可以调整displayFormat属性为hh:mm A这样的：

<ion-item no-padding color="light"> 
    <ion-label floating>{{ 'FIELDS.TIME' | translate }}</ion-label> 
    <ion-datetime ... displayFormat="hh:mm A"></ion-datetime> 
</ion-item>