Wie benutze ich angular2 datepipe in der Eingabe

Question

Ich habe eine Datumszeichenkette von meinem Server wie folgt. :

1992-05-26T18:30:00Z

ich dieses Datum Rohr mit DD/MM/YYYY-Format zu formatieren versuchen und es zu meinem Eingang ngModel binden.

var userdate:any = new Date(data.draftData.accountHolder.dateOfBirth); 
this.setDob = userdate | date:'MM/DD/YYYY'; 

Es wirft mir einen Fehler:

ReferenceError: date is not defined

Mein HTML ist wie folgt

<md-input placeholder="Date of birth" value="mm/dd/yy" [(ngModel)]="setDob"></md-input> 

Kann jemand zeigen, was ich hier fehlt.

Answer 1

Pipes sollen in der Vorlage verwendet werden, nicht im Code.

<div>{{userdate | date:'MM/DD/YYYY'}}</div> 

Sie können es in Code verwenden, auch wenn, wie

var userdate:any = new Date(data.draftData.accountHolder.dateOfBirth); 
var datePipe = new DatePipe(); 
this.setDob = datePipe.transform(userdate, 'MM/DD/YYYY'); 

Answer 2

let datepipe = new DatePipe('en-US'); 
let date = new Date(data.draftData.accountHolder.dateOfBirth); 
let formattedDate = this.datepipe.transform(date,"MM/dd/y HH:MM");