Primero diré que probé la solución en ¿Cómo uso .toLocaleTimeString() sin mostrar segundos? y no me funciono.
Estoy tratando de crear un componente de temporizador con el formato h:m:s pero siempre veo la fecha actual completa. ¿Alguien tiene una solución? Aquí está mi código:
import React , { Component } from 'react'; class Timer extends Component { constructor (props) { super(props); this.state = { count : 0 } } render () { { var hour = Math.floor(this.state.count/3600), minutes = Math.floor((this.state.count - hour*3600)/60), seconds = (this.state.count - hour*3600 -minutes*60 ), date = new Date(); date.setHours(hour, minutes, seconds); } return( <div> {date.toString( {hour: '2-digit', minute:'2-digit'})} </div> ); } } export default Timer;
Lo que obtengo de este componente se ve así:
¿Está relacionado con el funcionamiento de react-js o estoy escribiendo mal el código javascript?
puedes hacerlo así:
//your date let temp = new Date(); let HMS = `${temp.getHours()}:${temp.getMinutes()}:${temp.getSeconds()}`
y ahora tienes tus horas:minutos:segundos