Cannot Instantiate DatePipe

by

If you take a look at source code then you will see that DatePipe constructor asks for a required parameter:

constructor(@Inject(LOCALE_ID) private _locale: string) {}

There is no default locale for DataPipe

https://github.com/angular/angular/blob/2.0.0/modules/%40angular/common/src/pipes/date_pipe.ts#L97

That’s why typescript gives the error.
This way you have to initiate your variable as shown below:

datePipeEn: DatePipe = new DatePipe('en-US')
datePipeFr: DatePipe = new DatePipe('fr-FR')
constructor() {
  console.log(this.datePipeEn.transform(new Date(), 'dd MMMM')); // 21 September
  console.log(this.datePipeFr.transform(new Date(), 'dd MMMM')); // 21 septembre
}

Hope it helps you!

More Related Contents:

  1. The pipe ‘ ‘ could not be found angular2 custom pipe
  2. Dynamic pipe in Angular 2
  3. What is an impure pipe in Angular?
  4. How to create a dynamic table in angular2?
  5. Angular – Set headers for every request
  6. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  7. Angular 4 – Http to HttpClient – property ‘someproperty’ does not exist on type Object
  8. How to get `DOM Element` in Angular 2? [duplicate]
  9. function gets called several times
  10. Working example of Angular 2.0 Material MdDialog with Angular 2.0
  11. Need to insert Script tag in angular 2
  12. How to bind event listener for rendered elements in Angular 2?
  13. How to implement SignIn with Google in Angular 2 using Typescript
  14. RouterModule.forRoot(ROUTES) vs RouterModule.forChild(ROUTES)
  15. Angular 2/4 component with dynamic template or templateUrl
  16. Angular 12 source map is missing in browser
  17. Angular 4 checkbox change value
  18. Angular 5 and Service Worker: How to exclude a particular path from ngsw-config.json
  19. Cannot find name ‘require’ after upgrading to Angular4
  20. How to globally set the preserveWhitespaces option in Angular to false?
  21. How to “communicate” between components in Angular?
  22. How to specify locale thousand separator for number pipe in Angular 4
  23. What is the difference between formControlName and FormControl?
  24. addControl to FormGroup dynamically in Angular
  25. How to access host component from directive?
  26. ::ng-deep going to be deprecated – Any alternatives?
  27. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  28. Accessing firebase.storage() with AngularFire2 (Angular2 rc.5)
  29. Custom encoding for urls using Angular 2 Router (using a + sign in place of a space)
  30. Custom Exception Handler in Angular2

Leave a Comment