/React-TimesAgo

A component that takes a date as a prop and returns a time-span with live updating date.

Primary LanguageJavaScriptMIT LicenseMIT

React-TimesAgo

npm npm npm npm

React-TimesAgo is a component that takes a date as a prop and returns a time-span with live updating date.

Demo

React-TimesAgo

Installation

  1. Install React-TimesAgo as a dependency
# NPM
npm install react-timesago
  1. Import the react-timesago module
// ES6
import TimesAgo from "react-timesago";

Example

import TimesAgo from 'react-timesago';

render() {
<TimesAgo time={date} type="default" suffix="ago" /> // type default
<TimesAgo time={date} type="default" prefix="before" /> // type default
<TimesAgo time={date} type="facebook" /> // type facebook
}

Props

These are all of the available props (and their default values) for the <TimesAgo /> component.

{
    prefix: "",
    suffix: "ago",
    type: "default",
    time: new Date(1551788578911 * 1000)
}

Props Details

  • prefix - formatter prefix for date, ignored for type facebook.
  • suffix - formatter suffix for date, ignored for type facebook.
  • type - types for date format (facebook or default)
  • time - date.