<!--Import in app.module--> import { DatePipe } from '@angular/common'; providers: [DatePipe] <!--HTML--> <input [ngModel]="startDate |date: 'yyyy-MM-dd'" name="startDate"/> <button type="button" (click)="transformDate(startDate)">Aceptar</button> <!--Component--> import { DatePipe } from '@angular/common'; export class AppComponent { startDate: Date= new Date(); constructor(private datepipe: DatePipe){} transformDate(date){ let transformdate: string; transformdate = this.datepipe.transform(date, 'MM/dd/yyyy'); console.log(transformdate); } } html date= yyyy-MM-dd Component Transform date=: MM/dd/yyyPodrías crear tu propia tubería:
@Pipe({name: 'myDate'}) export class MyDatePipe implements PipeTransform { transform(date: Object): string { return `${date.year}-${date.monthOfYear}-${date.dateOfMonth} ${date.hourOfDay}-${date.minuteOfHour}-${date.secondOfMinute}`; } } Y utilícelo así: <div>{{ yourDateToFormat | myDate }}</div>
Consulte el documento, es bastante claro: https://angular.io/docs/ts/latest/guide/pipes.html
Puede agregar directamente la cadena que es la solución más fácil para sus datos
var string = date.year + '-' + date.monthOfYear + '-' + date.dateOfMonth + ' ' + 'date.hourOfDay'+ '-' + date.minuteOfHour + '-' + date.secondOfMinute