/Javascript/React/How to get current date in react js

How to get current date in react js

Easiest way to show current date in react

import React from "react";

// Rearrange date value to get the order you want... also replace / with a cooler separator like ⋅
export default function App() {
  const current = new Date();
  const date = `${current.getDate()}/${current.getMonth()+1}/${current.getFullYear()}`;

  return (
    <div className="App">
      <h1>Current date is {date}</h1>
    </div>
  );
}

How to get current date in react js

export function getCurrentDate(separator=''){

let newDate = new Date()
let date = newDate.getDate();
let month = newDate.getMonth() + 1;
let year = newDate.getFullYear();

return `${year}${separator}${month<10?`0${month}`:`${month}`}${separator}${date}`
}

Displaying the date react

import React from "react";

export default class App extends React.Component {
  state = {
    date: ""
  };

  componentDidMount() {
    this.getDate();
  }

  getDate = () => {
    var date = new Date().toDateString();
    this.setState({ date });
  };

  render() {
    const { date } = this.state;

    return <div>{date}</div>;
  }
}
}

export default App;

Source: stackoverflow.com

Similar codes

0 vote55 views0 answer
React
Javascript React
-1 vote121 views1 answer
Component navigation without changin the url react router
Javascript React
1 vote107 views1 answer
Component vs container react
Javascript React
1 vote95 views1 answer
React-native-paper password input
Javascript React
0 vote100 views1 answer
Label tag alternative in react native
Javascript React
0 vote141 views2 answers
Reactjs date display
Javascript React
0 vote107 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote102 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
3 votes103 views1 answer
How to use react-fontawesome
Javascript React
0 vote104 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React