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

 更新时间:2023年05月23日 09:39:54   作者:老衲的少女心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时间标准格式和时间戳格式转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript将数据转换成整数的方法

    JavaScript将数据转换成整数的方法

    这篇文章主要介绍了JavaScript将数据转换成整数的方法,有需要的朋友可以参考一下
    2014-01-01
  • 一百行JS代码实现一个校验工具

    一百行JS代码实现一个校验工具

    这篇文章主要介绍了一百行JS代码实现一个校验工具,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • Ajax,UTF-8还是GB2312 eval 还是execScript

    Ajax,UTF-8还是GB2312 eval 还是execScript

    讨厌的东西。 关于Ajax获取HTML内容编码,与JavaScript载入脚本的动态执行问题。
    2008-11-11
  • js实现课堂随机点名系统

    js实现课堂随机点名系统

    这篇文章主要介绍了js实现课堂随机点名系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • js实现时间日期校验

    js实现时间日期校验

    这篇文章主要为大家详细介绍了js实现时间日期校验,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • js基于cookie记录来宾姓名的方法

    js基于cookie记录来宾姓名的方法

    这篇文章主要介绍了js基于cookie记录来宾姓名的方法,涉及javascript使用cookie针对方可信息的存储与读取显示相关技巧,需要的朋友可以参考下
    2016-07-07
  • 微信小程序页面滚动到指定位置代码实例

    微信小程序页面滚动到指定位置代码实例

    这篇文章主要介绍了微信小程序页面滚动到指定位置代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 说明你的Javascript技术很烂的五个原因

    说明你的Javascript技术很烂的五个原因

    Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。
    2011-04-04
  • JavaScript获取function所有参数名的方法

    JavaScript获取function所有参数名的方法

    本文使用javascript获取function所有参数名的方法,对js获取function所有参数名感兴趣的朋友一起学习吧
    2015-10-10
  • javascript trie前缀树的示例

    javascript trie前缀树的示例

    这篇文章主要介绍了javascript trie单词查找树的示例,详细的介绍了trie的概念和实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01

最新评论