如何使用 moment.js 将此值 theHour[0].times 更改为时间格式 (HH:mm)

Posted 2023-04-13

【中文标题】如何使用 moment.js 将此值 theHour[0].times 更改为时间格式 (HH:mm)

【英文标题】：How to chnage this value theHour[0].times into time format (HH:mm) using moment.js

【发布时间】：2020-02-09 13:53:45

【问题描述】：

我想要时间刻度线图，但标签没有以时间格式显示。如何将标签更改为时间格式。目前，int 值中的标签值是 [3,5,6]

 var myChartLine = new Chart(ctx, 
            type: 'line',
            data: 
                labels: theHour[0].times,
                datasets: [
                    label: 'Overall',
                    position: 'bottom',
                    backgroundColor: 'rgba(255, 99, 132)',
                    borderColor: 'rgb(255, 99, 132)',
                    borderWidth: 1,
                    fill: false,
                    data: theHour[0].overall,
                    datalabels: 
                        labels: 

我想做的是，我尝试更改标签：

moment(theHour[0].times.toString(), "HH:mm")

但它没有工作。

【参考方案1】：

将数字转换为日期并将其格式化为“HH:mm”

var theHour = [3,15,16];
console.log(moment(new Date(0, 0, 0, theHour[0], 0, 0, 0)).format("HH:mm"));
console.log(moment(new Date(0, 0, 0, theHour[1], 0, 0, 0)).format("HH:mm"));
console.log(moment(new Date(0, 0, 0, theHour[2], 0, 0, 0)).format("hh:mm A"));

<script src="https://momentjs.com/downloads/moment.js"></script>