Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AndrewPoyntz/time-ago-pipe
An Angular pipe for converting a date string into a time ago
https://github.com/AndrewPoyntz/time-ago-pipe
angular angular2 aot-compatible pipe timeago
Last synced: 8 days ago
JSON representation
An Angular pipe for converting a date string into a time ago
- Host: GitHub
- URL: https://github.com/AndrewPoyntz/time-ago-pipe
- Owner: AndrewPoyntz
- License: mit
- Created: 2016-09-25T13:33:32.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-11T11:56:25.000Z (almost 2 years ago)
- Last Synced: 2024-10-19T11:41:06.836Z (22 days ago)
- Topics: angular, angular2, aot-compatible, pipe, timeago
- Language: TypeScript
- Homepage:
- Size: 165 KB
- Stars: 130
- Watchers: 6
- Forks: 67
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular-components - time-ago-pipe - An Angular 2 pipe for converting a date string into a time ago (Uncategorized / Uncategorized)
- awesome-angular-components - AndrewPoyntz/time-ago-pipe - An Angular pipe for converting a date string into a time ago (UI Components / Time)
README
# time-ago-pipe
[](https://travis-ci.org/AndrewPoyntz/time-ago-pipe) [](https://www.npmjs.com/package/time-ago-pipe) [](https://www.npmjs.com/package/time-ago-pipe) [](https://github.com/AndrewPoyntz/time-ago-pipe/issues) [](https://github.com/AndrewPoyntz/time-ago-pipe/blob/master/LICENSE)
A really simple, lightweight Angular pipe for converting a date string into a time ago
|Time Range|Output|
|---|---|
|0 - 45 seconds | a few seconds ago |
|45 - 90 seconds | a minute ago |
|90 seconds - 45 minutes | X minutes ago |
|45 - 90 minutes | an hour ago |
|90 minutes - 22 hours | X hours ago |
|22 - 36 hours | a day ago |
|36 hours - 25 days | X days ago |
|25 - 45 days | a month ago |
|45 - 345 days | X months ago |
|345 - 545 days (1.5 years) | a year ago |
|546 days+ | X years ago |
## Installation
```npm install time-ago-pipe --save```
## Usage
It can be imported into your angular project, as you would for any other library.
In the @NgModule you want to use it in
```
import {TimeAgoPipe} from 'time-ago-pipe';
```
add "TimeAgoPipe" to your declarations
```
@NgModule({
imports: [... etc ...],
declarations: [..., TimeAgoPipe, ... ]
})
```
---
In your component templates you can just do:
```
{{your_date | timeAgo}}
```
where "your_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