前端开发需要解决的兼容性问题_IE和IOS

前端开发网页兼容性|前端开发的页面如何兼容ie8|前端直接看页面怎么开发

做项目的过程中,遇到了一个问题:
需求是:计算当前时间与指定时间的时间间隔,转化为xx天xx小时xx分
返回数据:“2017-04-03”

所以:
timeGap:function(startTime,type,endtime){
var html = “”,
var sys_second = (new Date() – new Date(timeSjc(startTime)))/1000;
day = Math.floor(sys_second / 86400),
hour = Math.floor(sys_second % 86400/3600),
minute = Math.floor(sys_second %86400%3600/60),
second = Math.floor(sys_second % 60);
html += day + “天” + hour + “小时” + minute + “分”;
return html;
}
把数据往里面一传,360没问题,谷歌没问题,火狐没问题,uc没问题….所有手机安卓浏览器没问题…
but IE和苹果手机 ….呵呵呵…..NAN天NAN时NAN分….
NAN你大爷阿….

好吧,作为一个优秀的程序员,最终找到了原因
原来IE和苹果手机不认xx-xx-xx格式的日期,转化成xx/xx/xx就哦了

so……
转一下就行了
timeGap:function(startTime,type,endtime){
function timeSjc(startDiffTime){
let startTime = startDiffTime.replace(/-/g, “/”);
return startTime;
}
var sys_second = (new Date() – new Date(timeSjc(startTime)))/1000;
var html = “”,
day = Math.floor(sys_second / 86400),
hour = Math.floor(sys_second % 86400/3600),
minute = Math.floor(sys_second %86400%3600/60),
second = Math.floor(sys_second % 60);
html += day + “天” + hour + “小时” + minute + “分”;
return html;
}
一切都是如此完美…好像从来没有出现过bug….

以上当我没说过,强哥告诉了我一个正则解决问题;
var arr = date.split(/[-: \/]/),
date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);

前端开发js兼容性怎么处理|前端开发怎么解决浏览器兼容性|前端开发js兼容性怎么处理

» 本文来自:前端开发者 » 《前端开发需要解决的兼容性问题_IE和IOS》
» 本文链接地址:https://www.rokub.com/3983.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!