{{ value | date }}

import { Component, OnInit } 
from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    today: number = Date.now();
}

<p>Date {{today | date}}</p>
  
     
<p>Time {{today | date:'h:mm a z'}}</p>

import { Component } from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    today: number = Date.now();
}

<p>Date {{today | date}}</p>
  
     
<p>Time {{today | date:'h:m:s'}}</p>