vue日期转换及时区问题 #yyds干货盘点#

Posted 2021-12-14 码农小宋

先前看到好几种 转换方式

第一种：

一行代码搞定的： 时间格式为  2019-07-01 12:00:00

function time(time = +new Date()) 
            console.log(time)
    var date = new Date(time + 8 * 3600 * 1000); // 增加8小时
    return date.toJSON().substr(0, 19).replace(T,  );

console.log(time(+new Date("2014-10-01 12:00:00")))//里面穿的格式只要符合要求就行例如： 2014/02/12    2014-12-21  时间不传默认00:00:00

第二种：

日期格式转换 转换成2019-12-12

function date (date) 
var nowdate = new Date(date).toLocaleDateString().replace(/\\//g, -)
return nowdate

第三种

日期格式转换 转换成2019/12/12

function date (date) 
var nowdate = new Date(date).toLocaleDateString()
return nowdate

第四种

日期格式转换成 2019年12月12日

function getdate() 
            var now = new Date(),
                y = now.getFullYear(),
                m = ("0" + (now.getMonth() + 1)).slice(-2),
                d = ("0" + now.getDate()).slice(-2);
            return y + "-" + m + "-" + d + " " + now.toTimeString().substr(0, 8);

第五种

2021-11-25T15:02:10+08:00转为 2021-11-25 15:02:10 

time_zh(time)
        if (time == null || time == "") 
          return "";
        
        return new Date(+new Date(time) + 8 * 3600 * 1000)
          .toISOString()
          .replace(/T/g, " ")
          .replace(/\\.[\\d]3Z/, "");
      

我这里用到的是第五种，因为我这个时间转换后少八个小时

还有几种转换方式也是小编收集过来的

//格林威治时间的转换
Date.prototype.format = function (format) 
    var o = 
        "M+": this.getMonth() + 1, //month
        "d+": this.getDate(), //day
        "h+": this.getHours(), //hour
        "m+": this.getMinutes(), //minute
        "s+": this.getSeconds(), //second
        "q+": Math.floor((this.getMonth() + 3) / 3), //quarter
        "S": this.getMilliseconds() //millisecond
    
    if (/(y+)/.test(format))
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(format))
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
    return format;


function chGMT(gmtDate) 
    var mydate = new Date(gmtDate);
    mydate.setHours(mydate.getHours() + 8);
    return mydate.format("yyyy-MM-dd hh:mm:ss");

方法一：

项目源码：
2 $("#createTime").text((new Date(jumpParams.createDate.time).Format("yyyy-MM-dd hh:mm:ss")));
3 $("#updateTime").text((new Date(jumpParams.updateDate.time).Format("yyyy-MM-dd hh:mm:ss")));
4 关键点：
5 xxx.Format("yyyy-MM-dd hh:mm:ss");调用这句话就可以将Sun May 27 2018 11:08:09 GMT+0800 (中国标准时间)格式的时间转换为"2018-05-27 11:08:09"格式的时间。

方法二：

项目源码：        
2 $("#createTime").text((ChangeDateFormat(new Date(jumpParams.createDate.time))));
3 $("#updateTime").text((ChangeDateFormat(new Date(jumpParams.updateDate.time))));
4 封装方法调用：                
5 function ChangeDateFormat(date) 
6     return date.Format("yyyy-MM-dd hh:mm:ss");
7         
8 关键点：        
9 注意括号和自己的时间格式即可。