Breaking News: Grepper is joining You.com. Read the official announcement!

how to use datepipe in ts file

Mobile Star answered on August 24, 2021 Popularity 9/10 Helpfulness 10/10

answer how to use datepipe in ts file

how to use datepipe in ts file

Comment

// 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',
  providers: [DatePipe]
})
export class HomeComponent {
...
// 3) Inject it into your component's constructor like any other service:

constructor(private datePipe: DatePipe) {
}
// 4) Use it:

ngOnInit() {
    this.time = this.datePipe.transform(new Date());
}

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: date-pipe file javascript

Link to this answer
Share Copy Link

Contributed on Aug 24 2021

Mobile Star

0 Answers Avg Quality 2/10

how to use datepipe in ts file

Contents

More Related Answers

how to use datepipe in ts file

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.