JSPM

ngx-pretty-date

1.1.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 23
  • Score
    100M100P100Q58087F
  • License MIT

Angular js pipe for facebook, twitter like date time format, supports angular 8

Package Exports

  • ngx-pretty-date
  • ngx-pretty-date/package.json

Readme

Angular Pretty Date

Facebook, twitter like date conversion in Angular using angular pipes. Supports angular 8.

Check out the demo

Examples

Input Output
Current time just now
Till 60 seconds 1 minute ago
2 to 59 minutes X minutes ago
60 minutes 1 hour ago
2 to 23 hours X hours ago
24 hours Yesterday
2 to 6 days X days ago
7 days 1 week ago
8 to 30 days X weeks ago
30 days to 365 days X months ago
more than 365 days more than a year ago
Date string 2019-12-24T06:18:44 5 weeks ago
Text String Invalid Date

Getting Started

Install via npm

npm install --save ngx-pretty-date

Import the module

import { NgxPrettyDateModule } from 'ngx-pretty-date';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    NgxPrettyDateModule
  ],
  bootstrap: [...]
})
export class AppModule { }

Use in components

<span> {{dateObj | prettyDate}} </span>

You can pass javascript date object or string like this '2019-12-24T06:18:44'

Options

You can pass date format with the pipe example below

<span> {{dateObj | prettyDate:'dd/mm/yyyy'}} </span>

Valid formats are

  • dd/mm/yyyy
  • mm/dd/yyyy
  • yyyy/dd/mm
  • yyyy/mm/dd

Running the demo app

cd projectRoot
npm install
ng serve