Skip to content

A simple Angular pipe for converting a date string into a time ago or a time from now ⏳

License

Notifications You must be signed in to change notification settings

AhmedAbbas19/once-upon-a-pipe

Repository files navigation

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.