Para Angular 5

aplicación.módulo.ts

 import {DatePipe} from '@angular/common'; . . . providers: [DatePipe]

demo.component.ts

 import { DatePipe } from '@angular/common'; . . constructor(private datePipe: DatePipe) {} ngOnInit() { var date = new Date(); console.log(this.datePipe.transform(date,"yyyy-MM-dd")); //output : 2018-02-13 }

más información angular/datePipe

Ejemplo según doc

 @Component({ selector: 'date-pipe', template: `<div> <p>Today is {{today | date}}</p> <p>Or if you prefer, {{today | date:'fullDate'}}</p> <p>The time is {{today | date:'jmZ'}}</p> </div>` }) export class DatePipeComponent { today: number = Date.now(); }

Modelo

 {{ dateObj | date }} // output is 'Jun 15, 2015' {{ dateObj | date:'medium' }} // output is 'Jun 15, 2015, 9:43:11 PM' {{ dateObj | date:'shortTime' }} // output is '9:43 PM' {{ dateObj | date:'mmss' }} // output is '43:11' {{dateObj | date: 'dd/MM/yyyy'}} // 15/06/2015

Para usar en su componente.

 @Injectable() import { DatePipe } from '@angular/common'; class MyService { constructor(private datePipe: DatePipe) {} transformDate(date) { this.datePipe.transform(myDate, 'yyyy-MM-dd'); //whatever format you need. } }

En tu app.module.ts

 providers: [DatePipe,...]

todo lo que tienes que hacer es usar este servicio ahora.

Pruebe este código a continuación, también funciona bien en angular 2

 <span>{{current_date | date: 'yyyy-MM-dd'}}</span>