ngx-pretty-date

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