js处理时间格式之苹果手机多8个小时问题 (实用、赞）

本文链接：https://blog.csdn.net/chelen_jak/article/details/106555593

原文出处： https://blog.csdn.net/namechenfl/article/details/90241952 （参考）

一、问题：
当我将一个后端回传的字符串 “2020-06-03T16:14:18” 转成时间
var d = new Date("2020-06-03T16:14:18");
var div = document.getElementById("my-time")
div.innerText = d.toString();

1、安卓和谷歌浏览器上显示正常
Wed Jun 03 2020 16:14:18 GMT+0800(中国标准时间）

2、苹果手机（多了8小时）
Thu Jun 04 2020 00:14:18 GMT+0800(CST)

二、解决方法：
自己写一个字符串转日期函数代替new Date()方法

// 字符串转换成时间  ios中要把毫秒去掉
function toTime(strTime) {
    if (!strTime) {
        return '';
    }

    var myDate = new Date(strTime + '+0800');
    if (myDate == 'Invalid Date') {
        strTime = strTime.replace(/T/g, ' '); //去掉T
        strTime = strTime.replace(/-/g, '/');
        strTime = strTime.replace(/\.\d+/, ' ');//去掉毫秒
        myDate = new Date(strTime + '+0800');       
    }    

    return myDate;
}

当我们用 toTime() 函数转换时间
var d = toTime("2020-06-03T16:14:18");
var div = document.getElementById("my-time")
div.innerText = d.toString();

1、安卓和谷歌浏览器上显示正常 (与上面样）
Wed Jun 03 2020 16:14:18 GMT+0800(中国标准时间）

2、苹果手机（正常显示我们想要的时间）
Wed Jun 03 2020 16:14:18 GMT+0800(CST)

三、兼容性问题
到这一刻用 toTime函数问题似乎得以解决，但如果转换一个带"Z"符号日期格式如：
"2020-10-05T14:23:34Z" 或 "2020-10-08T10:12:25.888Z"
问题又来了, android 会 “少8小时”， iOS 直接返回 “Invalid Date” 了
幸运的是，带"Z"符号日期格式的字符串如果用new Date()转，在android 和 iOS下都能正常转换，所以要在函数做一上分支处理即可

// 字符串转换成时间  ios中要把毫秒去掉
function toTime(strTime) {
    if (!strTime) {
        return '';
    }

    //如果有“Z”, 直接用new Date()转换 
    if (date.indexOf("Z") > 0){
        return (new Date(strTime));
    }

    var myDate = new Date(strTime + '+0800');
    if (myDate == 'Invalid Date') {
        strTime = strTime.replace(/T/g, ' '); //去掉T
        strTime = strTime.replace(/-/g, '/');
        strTime = strTime.replace(/\.\d+/, ' ');//去掉毫秒
        myDate = new Date(strTime + '+0800');       
    }    

    return myDate;
}

四、总结
用自定义函数toTime 代替原生 new Date() 方法可以解决苹果手机多加8小时问题