Winkel 2 date Rohr add oder sub Stunde

Ich habe ein problem, über neue Winkel 2 Date Rohr.

Habe ich ein date-Wert ist;

let myDate = '2017-01-31T17:53:36'

Und ich benutze Datum-Rohr als Formatierer für die Anzeige in view wie folgt;

{{myDate | date: 'dd/MM/yyyy HH:mm' }}

Aber es zeigt mir die lokale Zeit, die das hinzufügen von +3 Stunden.

31/01/2017 20:53

Möchte ich zeigen, die genaue Zeit ist;

31/01/2017 17:53

Wie kann ich dies tun?

  • Was meinst du mit "genaue Zeit?" ist, dass die Zeit auf dem server?
InformationsquelleAutor | 2017-02-03
  1. 2

    Hoffe, es wird helfen:
    https://www.reddit.com/r/Angular2/comments/4so1j7/how_to_set_locale_for_datepipe/

    Dies ist ein Rohr, dort für Sie zu verwenden Sie es in Ihrer Vorlage. Im Grunde in meinem Fall, meine webApi gibt volle Datum-format (dh. Tue Dec 15 2015 13:30:32 GMT-0500 (Eastern Standard Time)). Also in meiner Pfeife ich tun new Date(Wert) erstellen eines javascript Date-Objekt aus dem string. Wenn Sie das Datum zurückgegeben, die von der http-Aufruf nicht enthalten Lokalisierung von Informationen, dann das geparste Datum genommen wird, wie wenn es in der aktuellen Zeitzone.

    • dies ist, was ich genau Tat, Rohr -, export-Klasse UtcDatePipe implementiert PipeTransform { transform(value: string, format: string): string { lassen momentDate = moment(new Date(Wert)).utcOffset(0); if (momentDate.isValid()) return momentDate.format(format); else return Wert; }
    InformationsquelleAutor Sargon
  2. 0

    Verlängern Sie die PipeTransform und erstellen Sie Ihre eigenen UTCDatePipe, dann überschreiben Sie die transform Methode und der erste parameter wird das Datum tun .UTC() und wenden Sie dann die ein bestimmtes Muster (vorausgesetzt, die als zweiter parameter in der transform-Methode) und Rückkehr.

    Hier ist die DatePipe code als Referenz:
    https://github.com/angular/angular/blob/4.0.0-beta.2/modules/%40angular/common/src/pipes/date_pipe.ts

    • vielen Dank für deinen Rat, aber .UTC() ist nicht native Methode auf A2. Dann habe ich moment.js über utcOffset () - Methode. Trotzdem danke
    InformationsquelleAutor dlcardozo
  3. 0

    Diese Methode der Klasse zurück Datum in '2017 Jun 26 23:59:00' formatieren.

     
Monate:string[] = ['Jan', 'Feb', 'Mrz', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez']; 
getDateFormat(dateStr:string){ 
lassen Sie dateObj = new Date(dateStr); 
let year = dateObj.getUTCFullYear(); 
let Monat = dateObj.getUTCMonth(); 
lassen date = dateObj.getUTCDate(); 
lassen Sie die Zeit = dateObj.getUTCHours() + ':' + dateObj.getUTCMinutes() + ':' +dateObj.getUTCSeconds(); 

lassen Sie displayDateTime = Datum + '' + diese.Monate[Monat] + ''+ Jahr + '' + Uhrzeit; 
//console.log(displayDateTime); 
zurück displayDateTime; 
}

    Kann man auch das format ändern durch Bearbeiten der 'displayDateTime' variable, die diese Methode zurückgibt.

    InformationsquelleAutor Prateek
Schreibe einen Kommentar