/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 vote362 views1 answer
Setting a date range using yup on react date picker
Javascript React
1 vote408 views1 answer
New line in p tag react
Javascript React
31 votes357 views1 answer
React router dom IndexRedirect
Javascript React
20 votes349 views4 answers
Conditional Rendering in React js
Javascript React
66 votes370 views4 answers
How to redirect to a website in react
Javascript React
6 votes431 views1 answer
React native activityindicator
Javascript React
1 vote373 views1 answer
Press enter reaction js
Javascript React
0 vote439 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote405 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote384 views1 answer
Remarkable react js
Javascript React