@rooks/use-time-ago NPM | npm.io

4.11.2 • Published 3 years ago

Install

Weekly downloads

363

License

MIT

Repository

Last release

3 years ago

@rooks/use-time-ago

Note: Future updates to this package have moved to the main package rooks. All hooks now reside in a single package which you can install using

npm install rooks

or

yarn add rooks

Rooks is completely treeshakeable and if you use only 1 of the 50+ hooks in the package, only that hook will be bundled with your code. Your bundle will only contain the hooks that you need. Cheers!

TitleCard

npm.io npm.io npm.io npm.io

About

A React Hook to get time ago for timestamp millisecond value.

Installation

npm install --save @rooks/use-time-ago

Importing the hook

import useTimeAgo from "@rooks/use-time-ago"

Usage

function Demo() {
  const [date, setDate] = useState(new Date());
  const timeAgo = useTimeAgo(date.getTime() - 1000 * 12, {
    locale: "zh_CN"
  });
  const timeAgo2 = useTimeAgo(date.getTime() - 1000 * 12);
  return (
    <>
      <p>{timeAgo}</p>
      <p>{timeAgo2}</p>
    </>
  );
}

render(<Demo/>)

Arguments

Argument	Type	Description	Default value
input	Date	Timestamp	etc	Any input that time-ago.js supports	undefined
options	Object	Options object	{ intervalMs:0 }

Options

Options	Type	Description	Default value
intervalMs	milliseconds	Duration after which time-ago has to be calculated	1000
locale	String	Locale in which value is expected	undefined
relativeDate	Date	Relative date object with respect to which time-ago is to be calcuated	Current Time

Returned Value

Timeago string is returned.

use react-hooks.org react rooks hooks timeago.js timeago hook

@everything-registry/sub-chunk-789

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.0.0-canary.23

3 years ago

4.0.0-canary.22

3 years ago

3 years ago

4.0.0-canary.20

3 years ago

4.0.0-canary.17

3 years ago

4.0.0-canary.19

3 years ago

4.0.0-canary.16

3 years ago

4.0.0-canary.14

3 years ago

4.0.0-canary.13

3 years ago

4.0.0-canary.10

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

3.5.1-canary.20

4 years ago

4 years ago

4 years ago

3.4.4-71d48a96.0

4 years ago

3.4.4-e1839b43.0

4 years ago

3.4.4-a9fb8da1.0

4 years ago

4 years ago

3.4.4-ca7e506a.0

4 years ago

3.4.4-0b6223c4.0

4 years ago

3.4.3-cfbe4783.0

4 years ago

3.4.3-f130c101.0

4 years ago

3.4.3-695b2acc.0

4 years ago

3.4.3-53abf21e.0

4 years ago

3.4.3-bb90b83d.0

4 years ago

3.4.3-5f1a38fa.0

4 years ago

3.4.3-20c504bd.0

4 years ago

4 years ago

3.4.3-efa33040.0

4 years ago

3.4.2-1963d180.0

4 years ago

3.4.2-0668aca8.0

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

3.0.0-3.0.0-beta.2.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago