Since the CommonModule does not export it as a provider, you will have to do it yourself. It is not very difficult.
1) Import DatePipe:
import { DatePipe } from '@angular/common';
2) Include DatePipe in the module providers:
NgModule({ providers: [DatePipe] }) export class AppModule { }
or component suppliers:
@Component({ selector: 'home', styleUrls: ['./home.component.css'], templateUrl: './home.component.html', providers: [DatePipe] }) export class HomeComponent { ...
3) Add it to the component constructor, like any other service:
constructor(private datePipe: DatePipe) { }
4) Use it:
ngOnInit() { this.time = this.datePipe.transform(new Date()); }
source share