Fecha Actual y Hora
De enunpimpam
Saber la fecha actual y la hora, pasarla por el estado y asignarla.
Fecha Actual
import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { constructor() { this.state = { currentDateTime: Date().toLocaleString() } } render() { return ( <div> <p> { this.state.currentDateTime } </p> </div> ); } } render(<App />, document.getElementById('root'));
Fecha Actual Y-m-d
import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { constructor() { var today = new Date(), date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(); this.state = { currentDate: date } } render() { return ( <div> <p> { this.state.currentDate } </p> </div> ); } } render(<App />, document.getElementById('root'));
Mes Actual
import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { constructor() { this.state = { currentMonth: new Date().getMonth() } } render() { return ( <div> <p> { this.state.currentMonth } </p> </div> ); } } render(<App />, document.getElementById('root'));
Año Actual
import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { constructor() { this.state = { currentYear: new Date().getFullYear() } } render() { return ( <div> <p> { this.state.currentYear } </p> </div> ); } } render(<App />, document.getElementById('root'));
=Hora Actual=
import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { constructor() { var today = new Date(), time = today.getHours() + ':' + today.getMinutes() + ':' + today.getSeconds(); this.state = { currentTime: time } } render() { return ( <div> <p> { this.state.currentTime } </p> </div> ); } } render(<App />, document.getElementById('root'));