How to use pipes in Component
Add to providers array in the component
@Component({ selector: 'app-root', templateUrl: '...', providers:[DatePipe]})
or inject it to module
@NgModule({ providers:[DatePipe] })
or write a separate class extending the DatePipe and use it as a service
@Injectable()export class CustomDatePipe extends DatePipe { transform(value, format) { return super.transform(value, format); }}
and inject this to providers array
@Component({ selector: 'app-root', templateUrl: '...', providers:[CustomDatePipe] })
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);