Reactjs date display

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

Reactjs date display

<p>
  	//Display the day (put 0 if day is from 1 to 9) 09.01.2022
	{("0" + row.date.toDate().getDate()).slice(-2).toString()}
    //Separator (can be "/") as you want
    .
    //Display the month (put 0 if month is from 1 to 9) 09.01.2022
    {("0" + (row.date.toDate().getMonth() + 1)).slice(-2).toString()}
	//Separator (can be "/") as you want
    .
    //Display the year
    {row.date.toDate().getFullYear().toString()}
<p>
  
Displayed : 09.01.2022

Similar codes

0 vote116 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
1 vote160 views1 answer
How to set height of material ui dialog react
Javascript React
1 vote127 views1 answer
React-native razorpay
Javascript React
17 votes121 views6 answers
React native build android
Javascript React
0 vote114 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
5 votes113 views1 answer
How to create a component in react native
Javascript React
1 vote124 views2 answers
What is the purpose of the super(props) method in React
Javascript React
1 vote125 views1 answer
UseScreens() react native
Javascript React
0 vote118 views1 answer
React faq
Javascript React
1 vote124 views1 answer
New line in p tag react
Javascript React