JavaScript时间转换CST到GMT

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

分享一下经历

最终的实现效果

JavaScript时间转换CST到GMT_第1张图片

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

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

问题

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

JavaScript时间转换CST到GMT_第2张图片

关键代码

//一个输入框,里面放着报名开始的时间
<input id="signStartTime" type="hidden" 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

这里写图片描述

Safari

这里写图片描述

看来是时间格式的问题

我把input中的时间不进行format

"signStartTime" type="hidden" value="${activity.signStartTime }">

看效果

JavaScript时间转换CST到GMT_第3张图片

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

这里写图片描述

深层原因

还是打开调试工具看看

这里写图片描述

一个是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);

JavaScript时间转换CST到GMT_第4张图片

这里写图片描述

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

参考文献

Date.parse()

你可能感兴趣的