React.js Tutorial to Format Date Timestamps & Render in Different Formats Using react-time in Browser

geekygautam1997 April 6, 2025No Comments

npm i react-time

npm i moment

npm i prop-types

App.jsx

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

const MyComponent = () => {
  const now = new Date();
  const 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>
  );
};

export default MyComponent;

import React from 'react';

import Time from 'react-time';

const MyComponent = () => {

const now = new Date();

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

</div>

);

};

export default MyComponent;

geekygautam1997

View All Posts

Comments

No comments yet. Why don’t you start the discussion?

React.js Tutorial to Format Date Timestamps & Render in Different Formats Using react-time in Browser

Comments

Leave a Reply Cancel reply

Archives