Reactjs 如何在React组件中转换日期

我正在尝试将日期和时间转换为更简单的格式，特别是我想了解如何转换此格式：2020-12-20T09:30:00.485Z（UTC） 致：2020-12-20 10:30（UTC+1）

在以下React组件（{day.date}）中：

import React，{useffect}来自“React”；
从'react redux'导入{useDispatch，useSelector}；
从“../actions/dateAction”导入{detailsDate}；
从“../components/LoadingBox”导入LoadingBox；
从“../components/MessageBox”导入MessageBox；
功能预订确认屏幕（道具）{
const dayId=props.match.params.id；
const dateDetails=useSelector（（state）=>state.dateDetails）；
const{day，loading，error}=dateDetails；
const dispatch=usedpatch（）；
useffect（（）=>{
调度（详细日期（dayId））；
//eslint禁用下一行无控制台
return（）=>{}；
}，[dispatch，dayId]）；
返回(
{加载(
)：错误(
{错误}
) : (
预订{day.date}
)}
)
}
导出默认预订确认屏幕；

我建议您看看date fns库。正是为了这种事情：

---

我通过以下方式解决了问题：

import dateFormat from 'dateformat';

<h1> Booking {dateFormat(day.date, "dddd, mmmm dS, yyyy, h:MM:ss TT")}</h1>

从“dateFormat”导入dateFormat；
预订{dateFormat（day.date，“dddd，mmmm-dS，yyyy，h:MM:ss-TT”）}

import dateFormat from 'dateformat';

<h1> Booking {dateFormat(day.date, "dddd, mmmm dS, yyyy, h:MM:ss TT")}</h1>