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;
    }

总结

以上就是我在工作中,处理时间格式的方法总结。如果大家觉得还有更好的方法的,欢迎指点。我再更新补充上去。
  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值