Datumsformat ändern Winkel 2

Question

Ich muss mein Datumsformat ändern, das Problem ist, dass ich Moment.js nicht verwenden kann, ich brauche nur Datum von JJJJ-MM-TT in TT-MM-JJJJ zu transformieren. Ich benutze angular v 2.4.0.

Answer 1

Verwenden DatePipepipe

date_expression | date[:format] 

in Ihrem Fall

{{ date_expression | date:'dd-MM-yy' }} 

Wie das Rohr innerhalb der Komponente verwenden:

NgModule({ 
    .... 
    providers: [DatePipe] 
}) 

oder

@Component({ 
    .... 
    providers: [DatePipe] 
}) 

In Sie Komponentensatz als date Variable

constructor(private datePipe: DatePipe) { 
} 

ngOnInit() { 
    this.date = this.datePipe.transform(new Date(), 'dd-MM-yy'); 
} 

Answer 2

Was Sie tun können, ist eine Funktion wie diese

function formatDate() { 
    let addZeroToLoneFigure = (n) => n.toString().length === 1 ? '0' + n : n.toString(); 
    let format = 'DD-MM-YYYY'; 
    let d= new Date(); 
    format.replace('DD', addZeroToLoneFigure(d.getDate())); 
    format.replace('MM', addZeroToLoneFigure(d.getMonth() + 1)); 
    format.replace('YYYY', addZeroToLoneFigure(d.getFullYear())); 
    return format; 
} 

Answer 3

schaffen Sie es benutzerdefinierte Rohr zu schaffen machen kann. Siehe untenstehenden Code. Weitere Informationen finden Sie unter DatePipe Documentation.

import { Pipe, PipeTransform } from '@angular/core'; 
import { DatePipe } from '@angular/common'; 

@Pipe({ 
    name: 'customDateFormat', 
}) 
export class customDateFormatPipe implements PipeTransform { 
    transform(value: string) { 
     var datePipe = new DatePipe("en-US"); 
     value = datePipe.transform(value, 'dd-mm-yyyy'); 
     return value; 
    } 
} 

individuelle Rohr in HTML hinzufügen, wie unten dargestellt:

{{currentDate | customDateFormat }}