Angular 2 using DatePipe to format date on TypeScript
in your app.module.ts file you need to import the DatePipe module
import { DatePipe } from '@angular/common';
then under providers you need to include the DatePipe
providers: [ DatePipe, .......
In your component import it again
import { DatePipe } from '@angular/common';
Use dependency injection so it available to component
constructor(public fb: FormBuilder, public datepipe: DatePipe) {
}
this is how you actualy use it to format your date
ngOnInit() {
this.form = this.initForm();
var yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);
let from = this.datepipe.transform(yesterday, 'yyyy-MM-dd');
let to = this.datepipe.transform(new Date(), 'yyyy-MM-dd');
this.form.patchValue({
searchDateFrom: from,
searchDateTo: to,
});
.....
}
In my case I actually had to populate the form controls.
