react-pure-time

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 | — | — |