javascript 无法在chart.js中设置日期时间格式- vanilla js

j2cgzkjk 于 2023-02-18 发布在 Java

关注(0)|答案(1)|浏览(120)

我尝试以这种格式显示日期：“YYYY-MM-DD HH：mm”，但当我这样尝试时：

const formatDate = "YYYY-MM-DD HH:mm";

  mikeFWLabelChart = moment(mikeFWLabelChart).format(formatDate);

 const a = new Chart(canvasElement, {
    data: {
      labels: mikeFWLabelChart,
      datasets: [{
        type: 'line',
        label: 'Метра',
        data: mikeFWDataChart,
        borderWidth: 1
      }]
    },
    options: {
      scales: {
        xAxes: [{
          type:       "time",
          time:       {
              format: formatDate,
              tooltipFormat: 'll'
          },
          scaleLabel: {
              display:     true,
              labelString: 'Date'
          }
      }],
      yAxes: [{
          scaleLabel: {
              display:     true,
              labelString: 'value'
          }
      }]
      }
    }
  })
};

我收到X轴上的错误无效日期..
此外，我尝试更改格式日期，而不使用时刻代码：

mikeFWLabelChart = moment(mikeFWLabelChart).format(formatDate);

options code -> format但它们看起来仍然是这样的格式：2023-02-16T05:00:00.000Z
如何更改此YYYY-MM-DD HH：mm中的日期格式？

JavaScript

来源：https://stackoverflow.com/questions/75472099/cannot-format-date-time-in-chart-js-vanilla-js

1条答案

按热度按时间

qaxu7uf21#

使用moment.js，您可以这样做：

const formatDate = "YYYY-MM-DD HH:mm";
const date = new Date("2023-02-16T05:00:00.000Z");
const formattedDate = moment.utc(date).format(formatDate);
console.log(formattedDate)

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>

使用. toISOString（），您可以这样做：

const date = new Date("2023-02-16T05:00:00.000Z").toISOString();
const formattedDate = date.slice(0, 16).replace("T", " ");
console.log(formattedDate);

赞(0）回复(0）举报 2023-02-18

我来回答

javascript 无法在chart.js中设置日期时间格式- vanilla js

1条答案

相关问题

热门标签

最新问答