Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ES6中将DateTime转换为日期_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

Javascript 在ES6中将DateTime转换为日期

Javascript 在ES6中将DateTime转换为日期,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,我正在尝试使用下面的函数将该值2020-06-16T02:55:08.151437Z转换为最新值。如何使用最佳有效的方法正确地转换?如果可能,请不要打包 功能 export function getParsedDate(date) { date = String(date).split(' '); const days = String(date[0]).split('-'); const hours = String(date[1]).split(':'); return [

我正在尝试使用下面的函数将该值
2020-06-16T02:55:08.151437Z
转换为最新值。如何使用最佳有效的方法正确地转换?如果可能,请不要打包

功能

export function getParsedDate(date) {
  date = String(date).split(' ');
  const days = String(date[0]).split('-');
  const hours = String(date[1]).split(':');
  return [
    parseInt(days[0]),
    parseInt(days[1]) - 1,
    parseInt(days[2]),
    parseInt(hours[0]),
    parseInt(hours[1]),
    parseInt(hours[2]),
  ];
}
JSX

{getParsedDate(order.date)}

在处理日期时,您可以使用这个名为moment.js的流行库:
文档:


日期格式化文档:


要获取日期后的天数和小时数,您可以点击以下链接:

解决方案:

const d = "2020-06-16T02:55:08.151437Z";
const convertedDate = moment(d).format("DD-MM-YYYY");
console.log(convertedDate);

因此,使用这个库,您可以将日期转换为几乎任何受支持的格式。

您可以使用Javascript原生
date
构造函数

新日期('2020-06-16T02:55:08.151437Z')
在jsx中

{new Date('2020-06-16T02:55:08.151437Z').toString()}
检查文档中的格式模式:

我也不喜欢在没有库的情况下轻松完成的每项任务中都使用库。以下是一些您必须尝试的内置JS方法:

let date1=新日期(“2020-06-16T02:55:08.151437Z”).toDateString()
console.log(日期1)
let date2=新日期(“2020-06-16T02:55:08.151437Z”)。ToutString()
console.log(日期2)
let date3=新日期(“2020-06-16T02:55:08.151437Z”)。toLocaleDateString()
console.log(日期3)
let Date 4=新日期(“2020-06-16T02:55:08.151437Z”)。ToLocaleDate字符串(“en-US”{
月份:'2位',日期:'2位',年份:'numeric'})
console.log(日期4)
let date5=新日期(“2020-06-16T02:55:08.151437Z”)。toString()
console.log(日期5)
let Date 6=新日期(“2020-06-16T02:55:08.151437Z”)。toLocaleString()

log(date6)
看起来像是ISO格式的字符串。那么,在这种情况下,为什么不使用标准日期构造函数,比如
newdate(“2020-06-16T02:55:08.151437Z”)
?@VasylMoskalov。如果我这样做了,它会产生一个错误:“错误:对象作为React子对象无效……如果您想呈现子对象集合,请改用数组。”抱歉。我不喜欢使用软件包