angular date pipe
// In Angular // Html <p>{{myDate | date: 'dd-MM-yyyy'}}</p> // Typescript myDate: Date = new Date();
date pipe angular
dateValue | date: 'dd/MM/yyyy'
pipe of date angular
content_copy {{ dateObj | date }} // output is 'Jun 15, 2015' {{ dateObj | date:'medium' }} // output is 'Jun 15, 2015, 9:43:11 PM' {{ dateObj | date:'shortTime' }} // output is '9:43 PM' {{ dateObj | date:'mm:ss' }} // output is '43:11'
Source: angular.io
Date pipe in Angular
{{ date_value | date :'short'}} // 6/15/19, 5:24 PM
Source: www.angularjswiki.com
angular date pipe
content_copy @Component({ selector: 'date-pipe', template: `<div> <p>Today is {{today | date}}</p> <p>Or if you prefer, {{today | date:'fullDate'}}</p> <p>The time is {{today | date:'h:mm a z'}}</p> </div>` }) // Get the current date and time as a date-time value. export class DatePipeComponent { today: number = Date.now(); }
Source: angular.io
date pipe
import { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'dateCount'})export class DateCountPipe implements PipeTransform { transform(value: any): number { let today:Date = new Date(); //get current date and time let todayWithNoTime:any = new Date(today.getFullYear(), today.getMonth(), today.getDate()) var dateDifference = Math.abs(value - todayWithNoTime) //returns value in miliseconds const secondsInDay = 86400; //60 seconds * 60 minutes in an hour * 24 hours in a day var dateDifferenceSeconds = dateDifference*0.001; //converts miliseconds to seconds var dateCounter = dateDifferenceSeconds/secondsInDay; if (dateCounter >= 1 && value > todayWithNoTime){ return dateCounter; }else{ return 0; } }}
Source: moringaschool.instructure.com