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