轉換時間，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>