Skip to content

Instantly share code, notes, and snippets.

@monecchi
Forked from shifatul-i/date-ago.pipe.ts
Created January 30, 2020 12:22
Show Gist options
  • Save monecchi/744ec71576064cec4d79d207bff6bd51 to your computer and use it in GitHub Desktop.
Save monecchi/744ec71576064cec4d79d207bff6bd51 to your computer and use it in GitHub Desktop.
Angular — date ago pipe (minutes / hours / days / months / years ago)
import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
name: 'dateAgo',
pure: true
})
export class DateAgoPipe implements PipeTransform {
transform(value: any, args?: any): any {
if (value) {
const seconds = Math.floor((+new Date() - +new Date(value)) / 1000);
if (seconds < 29) // less than 30 seconds ago will show as 'Just now'
return 'Just now';
const intervals = {
'year': 31536000,
'month': 2592000,
'week': 604800,
'day': 86400,
'hour': 3600,
'minute': 60,
'second': 1
};
let counter;
for (const i in intervals) {
counter = Math.floor(seconds / intervals[i]);
if (counter > 0)
if (counter === 1) {
return counter + ' ' + i + ' ago'; // singular (1 day ago)
} else {
return counter + ' ' + i + 's ago'; // plural (2 days ago)
}
}
}
return value;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment