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 常用验证函数总结

    随着做项目数量的越来越越多,其中用到js的地方很多相同,这里自己整理了一些常用表单验证的js方法,虽然和其他js验证框架有一定的差距,但是毕竟是自己总结的一些东西,在此与纪录分享一下。
    2016-06-06
  • js+canvas实现纸牌游戏

    js+canvas实现纸牌游戏

    这篇文章主要为大家详细介绍了js+canvas实现纸牌游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • IE6 fixed的完美解决方案

    IE6 fixed的完美解决方案

    IE7已经支持position:fixed了,而我们的IE6呢?还继续使用js事件?消耗资源,破坏结构,画面闪耀。
    2011-03-03
  • JS响应鼠标点击实现两个滑块区间拖动效果

    JS响应鼠标点击实现两个滑块区间拖动效果

    这篇文章主要介绍了JS实现的两个滑块区间拖动效果代码,涉及JavaScript响应鼠标事件针对页面元素的动态操作技巧,需要的朋友可以参考下
    2015-10-10
  • 微信小程序用户授权最佳实践指南

    微信小程序用户授权最佳实践指南

    这篇文章主要给大家介绍了关于微信小程序用户授权最佳实践的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 从parcel.js打包出错到选择nvm的全部过程

    从parcel.js打包出错到选择nvm的全部过程

    这篇文章主要介绍了从parcel.js打包出错到选择nvm的全部过程,需要的朋友可以参考下
    2018-01-01
  • js基础之DOM中document对象的常用属性方法详解

    js基础之DOM中document对象的常用属性方法详解

    下面小编就为大家带来一篇js基础之DOM中document对象的常用属性方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 使用validate.js实现表单数据提交前的验证方法

    使用validate.js实现表单数据提交前的验证方法

    这篇文章主要介绍了使用validate.js实现表单数据提交前的验证方法,文中给大家提供了完整代码,需要的朋友可以参考下
    2018-09-09
  • javascript事件循环event loop的简单模型解释与应用分析

    javascript事件循环event loop的简单模型解释与应用分析

    这篇文章主要介绍了javascript事件循环event loop的简单模型解释与应用,结合实例形式分析了javascript事件循环event loop的与模型原理及使用技巧,需要的朋友可以参考下
    2020-03-03
  • JavaScript插入动态样式实现代码

    JavaScript插入动态样式实现代码

    能够把CSS样式包含到HTML页面中的元素有两个。其中,<link>元素用于包含来自外部的文件,而<style>元素用于指定嵌入的样式
    2012-02-02

最新评论