once-upon-a-pipe
TypeScript icon, indicating that this package has built-in type declarations

0.1.2 • Public • Published

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.

Package Sidebar

Install

npm i once-upon-a-pipe

Weekly Downloads

2

Version

0.1.2

License

MIT

Unpacked Size

25.8 kB

Total Files

14

Last publish

Collaborators

  • ahmeddabbas