JavaScript时间转换CST到GMT

短命女 2022-09-22 15:49 250阅读 0赞

做了一个倒计时的JavaScript，折腾了老半天

分享一下经历

# 最终的实现效果 #

![这里写图片描述][20160701154337463]

起初在安卓上是可以显示的，效果和上图类似

然而在苹果上是没有效果的

# 问题 #

时间倒退到那个没有效果的时候

![这里写图片描述][20160701155256026]

## 关键代码 ##

//一个输入框，里面放着报名开始的时间
    <input id="signStartTime" type="hidden" value="<fmt:formatDate value="${activity.signStartTime }" pattern="yyyy-MM-dd HH:mm:ss" />"> 
    
    <script type="text/javascript"> var dateStr=$("#signStartTime").val().trim(); var startTime = new Date(Date.parse(dateStr)); var nowTime = new Date(); console.info("startTime:" + startTime); console.info("nowTime:"+nowTime); </script>

问题是在chrome浏览器可以，而在Safari不可以，也就是在苹果手机上也不可以。

## 看原因 ##

chrome

![这里写图片描述][20160701160644953]

Safari

![这里写图片描述][20160701160730494]

看来是时间格式的问题

我把input中的时间不进行format

## 看效果 ##

![这里写图片描述][20160701161506285]

这次两个都对了，可是时间却不对，时间整整慢了14个小时

![这里写图片描述][20160701161539881]

## 深层原因 ##

还是打开调试工具看看

![这里写图片描述][20160701161830729]

一个是CST的一个是GMT的

关于CST和GMT之间的转换，搜索无果，就写了一个笨办法

## 关键代码 ##

var dateStr=$("#signStartTime").val().trim();
        //console.info(dateStr);
        var dateStr=$("#signStartTime").val().trim().split(" ");
        // 就是这一行代码和上面的字符串分隔，然后拼接而成的GMT
        var strGMT = dateStr[0]+" "+dateStr[1]+" "+dateStr[2]+" "+dateStr[5]+" "+dateStr[3]+" GMT+0800";
        var startTime = new Date(Date.parse(strGMT));
        var nowTime = new Date();
        console.info("startTime:" + startTime);
        console.info("nowTime:"+nowTime);

![这里写图片描述][20160701162114647]

![这里写图片描述][20160701162149319]

好了，这次时间也对上了。

# 参考文献 #

> [Date.parse()][Date.parse]

[20160701154337463]: /images/20220721/e319a98c79e14ab5b1793a25543a85d4.png
[20160701155256026]: /images/20220721/463bd59e98754a6197db1588d5573296.png
[20160701160644953]: /images/20220721/f5fc20eb3550451181beb1776a534663.png
[20160701160730494]: /images/20220721/89842e74e2bb447ab35ca58a6f341979.png
[20160701161506285]: /images/20220721/b121ec9724bf45c1abc8c546ad46d44f.png
[20160701161539881]: /images/20220721/cc212829073743b7bdc01fe0b6629436.png
[20160701161830729]: /images/20220721/57851f5e29e64579b7f0d1378edbe4d4.png
[20160701162114647]: /images/20220721/ff18b74ed41145b59953f966cdf66dd9.png
[20160701162149319]: /images/20220721/6a6d4ab84fcb4526979faa5eaf511c00.png
[Date.parse]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse