Skip to content

Component for React to render relative and/or formatted dates into <time> HTML5 element

License

Notifications You must be signed in to change notification settings

andreypopp/react-time

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Time

Component for React to render relative and/or formatted dates by using <time> HTML5 element and preserving machine readable format in datetime attribute.

Installation

% npm install react-time

Usage

import React from 'react'
import Time from 'react-time'

class MyComponent extends React.Component {

  render() {
    let now = new Date()
    let wasDate = new Date("Thu Jul 18 2013 15:48:59 GMT+0400")
    return (
      <div>
        <p>Today is <Time value={now} format="YYYY/MM/DD" /></p>
        <p>This was <Time value={wasDate} titleFormat="YYYY/MM/DD HH:mm" relative /></p>
      </div>
    )
  }
}

About

Component for React to render relative and/or formatted dates into <time> HTML5 element

Resources

License

Stars

Watchers

Forks

Packages

No packages published