How to convert date into this 'yyyy-MM-dd' format in angular 2

Question

I want to convert current data into 'yyyy-MM-dd' format in .ts file. i template it can easily be done by using data pipe. how to do that in typescript.

In template:

{{date  | date:'yyyy-MM-dd'}} 

How to convert in this format 'yyyy-MM-dd' in typescript.

now i am just getting current date by using this.

this.date =  new Date(); 

but need to convert it into given format. Please guide how to do that... Thanks!

Answer 1

The date can be converted in typescript to this format 'yyyy-MM-dd' by using Datepipe

import { DatePipe } from '@angular/common' ... constructor(public datepipe: DatePipe){} ... myFunction(){  this.date=new Date();  let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd'); } 

and just add Datepipe in 'providers' array of app.module.ts. Like this:

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

Answer 2

The same problem I faced in my project. Thanks to @Umar Rashed, but I am going to explain it in detail.

First, Provide Date Pipe from app.module:

providers: [DatePipe] 

Import to your component and app.module:

import { DatePipe } from '@angular/common'; 

Second, declare it under the constructor:

constructor(     public datepipe: DatePipe   ) { 

Dates come from the server and parsed to console like this:

2000-09-19T00:00:00 

I convert the date to how I need with this code; in TypeScript:

this.datepipe.transform(this.birthDate, 'dd/MM/yyyy') 

Show from HTML template:

{{ user.birthDate }} 

and it is seen like this:

19/09/2000 

also seen on the web site like this: dates shown as it is filtered (click to see the screenshot)