移动端web开发安卓和ios客户端在时间转换上的差异性问题

时间:2022-12-30 10:58:01

作为一名移动前端开发的人员,平时遇到的兼容性问题不在少数。那么,今天就来说一下最近遇到的一个小坑(关于Android和ios在时间转换上的差异性问题)话不多说,直接上重点。

最近接到了一个需求,很简单,是关于制作一个产品管理系统排序功能,由于后端接口负责提供数据时,数据插入日期不是常见的毫秒数,而是形如"2017-08-01"的一串字符串,当我需要转换成毫秒数用作其他用途的时候,悲剧就发生了移动端web开发安卓和ios客户端在时间转换上的差异性问题,详情如下:

Android客户端:

当使用new Date('2017-08-01 16:10:02').getTime();

转换毫秒数的时候,一切正常,得到目标数据。

ios客户端:

当使用new Date('2017-08-01 16:10:02').getTime();

转换毫秒数的时候,便报错,信息为"Invalid Date"。

该问题从表面上看,是Chrome浏览器和Safari对同一JavaScript代码片段解析不同造成,那么究竟该如何处理呢?

经过多方探究(ps:进了百度搜谷歌移动端web开发安卓和ios客户端在时间转换上的差异性问题移动端web开发安卓和ios客户端在时间转换上的差异性问题,上了谷歌换了各种关键词搜索),最终找到了一篇梦想中的技术博客,经过一番整理,解决方案如下。

原因分析:由于Safari浏览器中对"2017-08-01"的解析不正确造成上述原因,但是Safari浏览器可以完美解析"2017/08/01"格式的字符串,而经过测试,Chrome浏览器中对这两种格式("2017-08-01"与"2017/08/01")的字符串均能完美解析,所以将代码改成如下:

new Date('2017-08-01 16:10:02').replace(/\-/g,'/').getTime();

完美的解决了上述问题移动端web开发安卓和ios客户端在时间转换上的差异性问题

由该问题延伸一个小细节,一般会被忽视。

new Date('2017-08-01').getTime();

    new Date('2017/08/01').getTime();

    上面这两个时间转换结果是相同的吗?相信很多人回答是,然鹅,现实肿是残酷的......自己打开控制台瞅瞅吧,相信这是你接下来的表情移动端web开发安卓和ios客户端在时间转换上的差异性问题移动端web开发安卓和ios客户端在时间转换上的差异性问题移动端web开发安卓和ios客户端在时间转换上的差异性问题移动端web开发安卓和ios客户端在时间转换上的差异性问题移动端web开发安卓和ios客户端在时间转换上的差异性问题....

大饼哥

移动端web开发安卓和ios客户端在时间转换上的差异性问题的更多相关文章

  1. 安卓手机移动端Web开发调试之Chrome远程调试(Remote Debugging)

    一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调 ...

  2. 移动端web开发的一些知识点

    整理一下自己平时移动端web开发中遇到的问题,也参考一下前辈的一些总结 1.最常见的要数1像素边框了 因为Retine屏的分辨率始终是普通屏幕的2倍,1px的边框在dpr=2的retina屏下会显示成 ...

  3. 移动端web开发技巧(转)

    原文链接:http://liujinkai.com/2015/06/06/mobile-web-skill/ 移动端web开发技巧 这是一个最好的时代,因为我们站在潮流中:但也是一个最坏的时代,因为我 ...

  4. 移动端 Web 开发前端知识整理

    文章来源: http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移动端 Web 开发前端知识,不定期更新. ...

  5. 【前端】移动端Web开发学习笔记【2】 & flex布局

    上一篇:移动端Web开发学习笔记[1] meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 最佳实践 ...

  6. 移动端Web开发注意点

    不用考虑浏览器兼容性 移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性,webkit是本次开发重点. 当然,不同版 ...

  7. 【前端】移动端Web开发学习笔记【1】

    下一篇:移动端Web开发学习笔记[2] Part 1: 两篇重要的博客 有两篇翻译过来的博客值得一看: 两个viewport的故事(第一部分) 两个viewport的故事(第二部分) 这两篇博客探讨了 ...

  8. 移动端web开发基础概念

    最近在了解移动端web开发的相关知识,有些概念总是模糊不清,这次花费了一些时间整体的梳理了一遍. 分辨率 分辨率可以从显示分辨率与图像分辨率两个方向来分类.显示分辨率(屏幕分辨率)是屏幕图像的精密度, ...

  9. 移动端Web开发如何处理横竖屏

    <!Doctype html> <html> <head> <meta charset="utf-8"> <meta id=& ...

随机推荐

  1. Android:The connection to adb is down&comma; and a severe error has occured&period;解决方法一

    在自己机上打安桌虚拟机,竟然提示“The connection to adb is down, and a severe error has occured.please ensure ......” ...

  2. 内存分析&lowbar;&period;Net内存原理介绍

    内存原理介绍 1.       .Net应用程序中的内存 1.1.Net内存类型 Windows使用一个系统:虚拟寻址系统.这个系统的作用是将程序可用的内存地址映射到硬件内存中的实际地址上.其实际结果 ...

  3. PHP&colon; 深入pack&sol;unpack 字节序

    http://my.oschina.net/goal/blog/195749?p=1 目录[-] 写在前面的话 什么是字节序 MSB和LSB 大端序 小端序 网络字节序 主机字节序 总结 pack/u ...

  4. &lbrack;Mark&rsqb; openvswitch megaflow

    Megaflow is an OpenVSwitch (OVS) feature than enables us to install flows for which some fields are ...

  5. Python中闭包、装饰器的概念

    1.闭包(Closure)的概念: 内部函数中对enclosing作用域的变量进行引用 1 passline = 60 2 def func(val): 3 print('%x' % id(val)) ...

  6. 如何给动态添加的form表单控件添加表单验证

    最近使用jQuery Validate做表单验证很方便,api地址为http://www.runoob.com/jquery/jquery-plugin-validate.html 但是在使用的时候也 ...

  7. 看图说话,P2P 分享率 90&percnt; 以上的 P2P-CDN 服务,来了!

    事情是这样的:今年年初的时候,公司准备筹划一个直播项目,在原有的 APP 中嵌入直播模块,其中的一个问题就是直播加速服务的选取. 老板让我负责直播加速的产品选型,那天老板把我叫到办公室,语重心长地说: ...

  8. ●BZOJ 4556 &lbrack;Tjoi2016&amp&semi;Heoi2016&rsqb;字符串

    题链: http://www.lydsy.com/JudgeOnline/problem.php?id=4556 题解: 巨恶心...但是题很好呀,可以练习好几个比较麻烦的算法~ 1).预处理 首先用 ...

  9. python day09 函数(第一篇)

    2019.4.9 S21 day09笔记总结 一.三元运算 三元运算又叫三目运算.(是为了赋值的) v = 前面 if 条件 else 后面 #条件为真,v取if前面的值:条件为假,v取if后面的值 ...

  10. Python开发——5&period;函数

    一.函数的定义 def test(x) "The Function definitions" x += return x def:定义函数的关键字 test:函数名 ():定义形参 ...