javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js时间标准格式和时间戳格式转换

JS将时间的标准格式和时间戳格式和2022-01-27 00:00:00(年月日时分秒)格式相互转换(最新推荐)

作者:老衲的少女心i

这篇文章主要介绍了JS如何将时间的标准格式和时间戳格式和2022-01-27 00:00:00(年月日时分秒)格式相互转换,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

前言

这里主要讲的是如何将我们的在项目中遇到的时间格式,进行处理,做的一个总结。
首先我们,一般在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;
    }

到此这篇关于JS如何将时间的标准格式和时间戳格式和2022-01-27 00:00:00(年月日时分秒)格式相互转换的文章就介绍到这了,更多相关js时间标准格式和时间戳格式转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文