OnceUponAPipe

once-upon-a-pipe is a simple Angular pipe for converting a date string into a time ago or a time from now.

---

Time Range	Past Time	Future Time
0 - 29 seconds	just now	X seconds from now
30 - 60 seconds	1 minute ago	1 minute from now
1 - 45 minutes	X minutes ago	X minutes from now
45 - 90 minutes	1 hour ago	1 hour from now
90 minutes - 22 hours	X hours ago	X hours from now
22 - 36 hours	1 day ago	1 day from now
36 hours - 25 days	X days ago	X days from now
25 - 45 days	1 month ago	1 month from now
45 - 345 days	X months ago	X months from now
345 - 545 days (1.5 years)	1 year ago	1 year from now
546 days+	X years ago	X years from now

Installation

npm i once-upon-a-pipe --save

Usage

You need to import the OnceUponAPipeModule by adding the following lines to your app.module.ts file.

import { OnceUponAPipeModule } from 'once-upon-a-pipe';

@NgModule({
  imports: [OnceUponAPipeModule]
})

export class AppModule { }

---

In your component templates you can just do:

<p>{{ my_date | onceUponAPipe}}</p>

where my_date is a local date string, which could be parsed by the standard Js Date().

If this value is null or not parsable as a date, then the pipe will display nothing.