Skip to content

React component which convert js date object, milliseconds to human readable format

Notifications You must be signed in to change notification settings

Memcrab/react-pure-time

Repository files navigation

react-pure-time npm package Build Status Dependency Status

React component which convert js date object, milliseconds to human readable format

Features

  • very small
  • UTC support
  • no external dependencies

Usage

import Time from 'react-pure-time';
<Time value="1990-06-16 13:22:17" format="d.m.Y H:i:s" />

Options

value: [string, number, instanceOf(Date)]

Date object, milliseconds or string

format: string

Default: 'd.m.Y H:i'

php standart time/date formatting. PHP date format manual

utc: bool

Default: false

Show in UTC timezone

placeholder: string

Default: —

Shows when date is incorrect or empty

className: string

Just a wrapper class

Can be used with values

Value Format Time component with utc flag
Empty value
Empty value with placeholder no time defined no time defined
1261322332312 H:i:s 17:18:52 15:18:52
new Date(1261322332312) d.m.Y H:i:s 20.12.2009 17:18:52 20.12.2009 15:18:52
new Date() d.m.Y H:i:s 08.05.2016 16:22:23 08.05.2016 13:22:23
1990-06-16 13:22:17 d.m.Y H:i:s 16.06.1990 13:22:17 16.06.1990 10:22:17
September 2, 2003, 2:26 am d.m.Y H:i:s 02.09.2003 02:26:00 01.09.2003 23:26:00
2003 36 2003 d.m.Y H:i:s