如何将事件数组转换为 HH:mm 格式答案

【问题标题】：How to convert array of events into HH:mm format如何将事件数组转换为 HH:mm 格式
【发布时间】：2021-07-18 10:34:07
【问题描述】：

我有一个名为blockedTime 的开始和结束数组。如何将这些元素转换为 HH:mm 格式？我也看到人们如何使用 momentjs 库，但每当我尝试使用它时，我都没有得到我想要的答案

   const BlockedTime = [
    {
        start: "2021-04-19T09:30:00.0",
        end: "2021-04-19T10:00:00.0"
    },
    {
        start: "2021-04-19T14:00:00.0",
        end: "2021-04-19T14:30:00.0"
    },
    {
        start: "2021-04-19T16:00:00.0",
        end: "2021-04-19T16:30:00.0"
    }

]

【问题讨论】：

要循环每个对象，您可以使用blockedTime.map。然后使用 moment 库，您可以将字符串转换为日期，例如 start = moment(new Date(item.start))。最后用start.format('HH:mm') 格式化。你到底尝试了什么？

标签： reactjs datetime events momentjs converters

【解决方案1】：

您可以循环遍历数组的每个项目，并且可以从此刻使用format function 并传递HH:mm。粗略的代码如下所示。

import moment from "moment";
let time_data =  [ { start: "2021-04-19T09:30:00.0", end: "2021-04-19T10:00:00.0" },
{ start: "2021-04-19T14:00:00.0", end: "2021-04-19T14:30:00.0" }, 
{ start: "2021-04-19T16:00:00.0", end: "2021-04-19T16:30:00.0" }];

time_data = time_data.map(item=>({start_time : moment(item.start).format("HH:mm"),end_time : moment(item.end).format("HH:mm")}));
console.log(time_data)

【讨论】：