目录
前言
这里主要讲的是如何将我们的在项目中遇到的时间格式,进行处理,做的一个总结。
首先我们,一般在new Date()的时候,可以获得一个时间对象,这个对象表示的就是我们当前的时间。然后是为标准格式。
但是现在我们需要在前端展示出一个方便用户查看的格式,这里我们讲解的是:2022-01-27 00:00:00(年月日时分秒)格式
一、new Date()?
1. new Date() 是什么?
new是一个运算符,是用来实例化一个类的。这里的Date就是一个类。new Date()就是实例化了一个时间类。实例化出来的是时间的标准格式。
let time = new Date()
console.log(time)//Thu Jan 27 2022 10:36:59 GMT+0800 (中国标准时间)
2. 怎么用?
一般来说我们后端传给我们的时间的参数格式可能是不固定的,没有统一规范的团队,每个项目组的负责的后端传给我们的也是不一样,很难做到统一,当然怎么说呢,你跟他讲也是可以的,但是总有的人会怼你一句,这里都不会?你做不就行了。其实谁做都一样,为了避免和他们没有必要的battle,浪费我们宝贵的时间。还是自己做吧。
首先,看清楚后端给的时间的格式是什么?(一般他们给我的是以下两个格式,如果大家又遇到其他的格式,可以再评论区或者私信我,我再补充一下,在此谢过各位大佬!)
-
时间戳
转2022-01-27 00:00:00
(年月日时分秒)格式this.formDate(new Date(1643126400), “yyyy-MM-DD HH:mm:ss”)
-
2022-01-27 00:00:00
转时间戳
let curDate = Date.parse(new Date(‘2022-01-27 00:00:00’))
二、格式化工具函数
1.如何调用函数:
this.formDate(this.datetime, "yyyy-MM-DD HH:mm:ss")
这里的红色方框的时间格式,是我自己设定的,大家也可以根据自己的需要进行修改。
2.代码如下(示例):
formDate(data, format) {
// console.log("data,time");
let time = {
"M+": data.getMonth() + 1,
"D+": data.getDate(),
"H+": data.getHours(),
"m+": data.getMinutes(),
"s+": data.getSeconds(),
};
if (/(y+)/i.test(format)) {
format = format.replace(
RegExp.$1,
(data.getFullYear() + "").substr(4 - RegExp.$1.length)
);
}
for (let k in time) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(
RegExp.$1,
RegExp.$1.length === 1
? time[k]
: ("00" + time[k]).substr(("" + time[k]).length)
);
}
}
return format;
}
总结
以上就是我在工作中,处理时间格式的方法总结。如果大家觉得还有更好的方法的,欢迎指点。我再更新补充上去。