2016-09-15 4 views
1

ich das Datum Zeit zu formatieren, ich versuche, die ich von der DB in folgendem Format holen:Angular2 - Ausgabe mit Datum Rohr

15/09/2016, 20:45

jedoch unter Verwendung der Standard date Rohr durch Angular2 vorgesehen, bekomme ich nach dem (Wenn ich auf einem realen Gerät laufen) jedoch auf dem Browser es die richtige Format zeigt:

15/09/2016, 20: 8: 45 PM

Hier ist, wie ich die Formatierung es in der HTML-Seite:

{{ order.time | date:"dd/MM/y, HH:mm" }} 

Irgendwelche Ideen auf, was falsch ist?

+0

Wenn Sie Datum holen, erhalten Sie es in String-Typ oder Datum Typ? – micronyks

+0

@micronyks Datumstyp –

+0

@micronyks was meinen Sie mit Datumstyp? in JSON wird es im String-Format nur richtig sein? –

Antwort

0

Es gibt viele Möglichkeiten, dies zu tun. Sie müssen sicherstellen, dass das Datum, das Sie abrufen, im Datumsformat sein muss. Wenn dies der Fall ist, wird es mit Datumsleitung ordnungsgemäß funktionieren. Wenn dies nicht der Fall ist, müssen Sie sicherstellen, dass Sie es wie unten gezeigt in das Datum konvertieren. (Dies kann Ihnen helfen, zu verstehen, was ich meine)

Arbeits Demo: https://plnkr.co/edit/aaFu5G759ghUQvk1a9Zw

import { Component } from '@angular/core'; 
import { DomSanitizer, SafeResourceUrl, SafeUrl } from '@angular/platform-browser'; 
@Component({ 
    selector: 'my-app', 
    template: `  
    {{date|date:"dd/MM/y, HH:mm"}} //<----- here make sure date variable has proper date(type) 
    ` 
}) 
export class AppComponent { 

    date=new Date(2016,08,5,20,45); 

    //<---- date variable gets proper date(type) 
    //<---- also note month starts with zero(0) so for sep month (08) is taken. 
} 
+0

Das Problem mit Ihrer Antwort ist, dass auf der Controller-Ebene habe ich nicht die Variable "Datum", wie es mit einem NGFor auf der Ansichtsebene generiert wird. Außerdem wird das Datumsobjekt von der DB in folgendem Format empfangen: '2016-09-15T19: 45: 00.000Z' –

+0

Das ist in Ordnung. Ich habe dir nur einen Hinweis gegeben. Was auch immer Sie haben, Sie müssen nur sicherstellen, dass Sie am Ende mit dem Datumstyp umgehen. Dann wird es funktionieren wie Sie wollen. – micronyks

+0

Ich kann es nicht funktionieren, vor allem, weil das empfangene Format aus der DB ist 2016-09-15T19: 45: 00.000Z' –