date-pipe

How to use angular2 built-in date pipe in services and directives script files [duplicate]

by

Since CommonModule does not export it as a provider you’ll have to do it yourself. This is not very complicated. 1) Import DatePipe: import { DatePipe } from ‘@angular/common’; 2) Include DatePipe in your module’s providers: NgModule({ providers: [DatePipe] }) export class AppModule { } or component’s providers: @Component({ selector: ‘home’, styleUrls: [‘./home.component.css’], templateUrl: ‘./home.component.html’, … Read more

Angular 4 date pipe displays wrong date because of time zones – how to fix this?

by

Behind the scenes, DatePipe uses locale to display date in user’s timezone. Try with client’s timezone data: 1931-05-31T00:00:00.000-0300 instead of 1931-05-31T00:00:00.000+0000. You can get client’s offset in minutes using (new Date()).getTimezoneOffset() This is actually the known issue/limitation of DatePipe. Community is aware of it. It the future, you will be able to specify timezone as … Read more

How to set locale in DatePipe in Angular 2?

by

As of Angular2 RC6, you can set default locale in your app module, by adding a provider: @NgModule({ providers: [ { provide: LOCALE_ID, useValue: “en-US” }, //replace “en-US” with your locale //otherProviders… ] }) The Currency/Date/Number pipes should pick up the locale. LOCALE_ID is an OpaqueToken, to be imported from angular/core. import { LOCALE_ID } … Read more

Format date as dd/MM/yyyy using pipes

by

Pipe date format bug fixed in Angular 2.0.0-rc.2, this Pull Request. Now we can do the conventional way: {{valueDate | date: ‘dd/MM/yyyy’}} Examples: Current Version: Example Angular 13 Old Versions: Example Angular 8.x.x Example Angular 7.x Example Angular 6.x Example Angular 4.x Example Angular 2.x More info in documentation DatePipe