How to use pipes in Component

Question

I want to use the datePipe in my component. I followed the instructions here but I am met with

Error: StaticInjectorError[DatePipe]: 
StaticInjectorError[Da         


        

Answer 1

Add in the Module providers: [DatePipe],

Add in the constructor private datePipe: DatePipe

Add in Ts file for Form Array:

const start_date = this.datePipe.transform(starttime, 'hh:mm a');
const end_date = this.datePipe.transform(endtime, 'hh:mm a');
this.Form.controls['starttime'].patchValue(start_date);
this.Form.controls['endtime'].patchValue(end_date);