将时间转换为iso格式以填充ion 2中的ion-datetime

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转换为国际标准化组织格式，以便使用hh:mm a的显示格式填充ion-datetime

请帮帮我。谢谢:)

Answer 1

如果你想显示‘10:00 to’，你需要把这个字符串转换成'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>