Javascript 使用 React js 获取 H:M:S 中的日期格式答案

【问题标题】：Javascript get Date format in H:M:S using react jsJavascript 使用 React js 获取 H:M:S 中的日期格式
【发布时间】：2021-11-18 07:45:30
【问题描述】：

首先我会说我已经尝试过How do I use .toLocaleTimeString() without displaying seconds?中的解决方案它对我不起作用。

我正在尝试使用 h:m:s 格式创建一个计时器组件，但我总是看到完整的当前日期。有没有人有办法解决吗？这是我的代码：

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;

我从这个组件中得到的结果如下所示：

这与 react-js 的工作方式有关还是我编写的 javascript 代码有误？

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

你可以这样做：

//your date
 let temp = new Date(); 
 let HMS = `${temp.getHours()}:${temp.getMinutes()}:${temp.getSeconds()}`

现在你有了小时:分钟:秒

【讨论】：

我已经稍微修改了您的答案，但它有效。谢谢！
欢迎亲爱的。