JavaScript时间转换CST到GMT

来源:互联网 发布:剑网3江湖论贱捏脸数据 编辑:程序博客网 时间:2024/05/17 22:35

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

分享一下经历

最终的实现效果

这里写图片描述

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

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

问题

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

这里写图片描述

关键代码

//一个输入框,里面放着报名开始的时间<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

这里写图片描述

Safari

这里写图片描述

看来是时间格式的问题

我把input中的时间不进行format

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

看效果

这里写图片描述

这次两个都对了,可是时间却不对,时间整整慢了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);

这里写图片描述

这里写图片描述

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

参考文献

Date.parse()

2 0
原创粉丝点击