Wie man anzeigen von Datum / Uhrzeit in HH:MM AM format in Ionic

Habe ich eine Datums-Zeichenfolge "2017-01-19 10:34:36", es kommt aus der API.

Möchte ich zur Anzeige in HH:MM AM format in Ionischen

InformationsquelleAutor webomjaipur | 2017-01-19
  1. 8

    Anzeigen datetime, können Sie tun es einfach in angular2 Weg, mit einem Rohr. Angular2 bietet eine DatePipe. Sie können es verwenden, wie diese:

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

    [update]

    Wenn Sie möchten, die Anzeige im format "HH:MM UHR', benutzen Sie einfach:

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

    wird in Ordnung sein.

    • Frage ist, "HH:MM UHR" - format. Dies wird angezeigt, Datum und 24 Stunden-format.
    InformationsquelleAutor Mavlarn
  2. 3

    Können Sie dies so tun:

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

    Lesen Sie hier mehr aus Ionischen docs

    InformationsquelleAutor Tien
  3. 1

    Wenn Sie auf "Anzeige" -, es in sagen, dass ein p-tag, dann können Sie momentJs Bibliothek
    Andernfalls, wenn Sie möchten, laden Sie Sie in das dateTime-Richtlinie von Ionischen Folgen, was kyle hat geschrieben

    InformationsquelleAutor Bala Abhinav
  4. 1

    Eine gute Quelle ist der angular-Dokumentation. Es ist gut geschrieben, check it out hier https://docs.angularjs.org/api/ng/filter/date

    InformationsquelleAutor Norman Pilusa
  5. 1

    Anzeigen wollen Sie als format 'dd/MM/yyyy HH:mm am/pm', benutzen Sie einfach:

    {{item.inspectionDate | date: "dd/MM/yyyy HH:mm a"}}
    InformationsquelleAutor Abdul khader
  6. 0

    Übergeben Sie die Zeichenkette für das Datum, um folgende Funktion, wird es wieder Zeit in HH:MM AM - format. 

    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;
}
    InformationsquelleAutor Mangesh Daundkar
Schreibe einen Kommentar