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

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


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]


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)


A simple solution would be to just write

this.date = new Date().toLocaleDateString();

date .toLocaleDateString()time .toLocaleTimeString()both .toLocaleString()

Hope this helps.