IOS safari 浏览器 时间乱码(ios时间显示NaN) 问题解决_苹果平板谷歌浏览器显示nan-程序员宅基地

技术标签: web前端  safari  时间乱码  杂集  乱码  ios  

通常

IOS下时间错误表现形式



问题一:

 这个界面运用了大量的日期类型的计算,当我们用JavaScript实例化一个日期对象时,我们可以这样用:

[javascript]  view plain   copy
  print ? 在CODE上查看代码片 派生到我的代码片
  1. var date =new Date();  

 上面这段代码是获取当前日期,这段代码在Firefox、Chrome、Safari浏览器中都可以运行。但是如果我想根据字符串获取日期,问题就来了。看下面代码。

[javascript]  view plain   copy
  print ? 在CODE上查看代码片 派生到我的代码片
  1. var date =new Date("2016-05-31 08:00");  

 这段代码是获得字符中指定的日期,它Firefox、Chrome中就能运行,但是放在Safari就会报错,错误是NaN,意思是Not a Number。就是因为这个错,苹果手机不能正常运行我开发的这个界面,当时都快郁闷死了,我写了300行js啊,几乎都与时间有关,不是取值就是赋值,要不就是计算,如今IOS不支持。。。。。。。

 在网上找了一下,将代码这样写就好了:

[javascript]  view plain   copy
  print ? 在CODE上查看代码片 派生到我的代码片
  1. var date =new Date("2016/05/31 08:00");  

 这样Android和IOS就能共用了,写了个函数,替换一下!

[javascript]  view plain   copy
  print ? 在CODE上查看代码片 派生到我的代码片
  1. function GetDateDiff(startDiffTime, endDiffTime) {  
  2.             //将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式   
  3.             startTime = startDiffTime.replace(/\-/g, "/");  
  4.             endTime = endDiffTime.replace(/\-/g, "/");  
  5. };  

 问题二:

  HTML5中新增了日历控件,如果将控件的type=“datetime-local”,如果是Chrome,控件的日期显示格式是2016/05/30 08:00 ,如果是Safari,日期的显示格式是:2016-05-31T08:00,当我们用jQuery取值赋值的时候,就必须用这种方式才能赋值:假如说这个日历控件的id是timeDate,代码如下:

[javascript]  view plain   copy
  print ? 在CODE上查看代码片 派生到我的代码片
  1. $("#timeDate').val("2016-05-30T08:30");  

  用$("#timeDate').val("2016/05/30 08:30");就会报错。可是Chrome的显示方式就是这样的啊!!!尼玛的还有天理吗?
  这两个坑肯定不光坑过我自己一个人,希望以后注意吧!


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wangshuai6707/article/details/52026298

智能推荐

学习C/C++的感受_c和c++写得好是什么体验-程序员宅基地

文章浏览阅读230次。新学习C/C++语言虽然以前一直都以为自己对计算机有一点的了解,但是那基本上就是在硬件上懂的一些皮毛,当今天刚开始接触到C/C++的时候,感觉自己满脑袋都是蒙圈的,毕竟自己都是电脑的门外汉。自学程序员,那是何等的痛苦,就一直抱着书一直这样看,真的一脸懵逼,实在是找不到什么来形容自己现在的想法了。听说在网上有很多的网上教学,但是我也不知道到底哪家好,对于现在在家一直没找工作的我来说,这何尝不是一..._c和c++写得好是什么体验

国标GB28181协议视频平台EasyGBS内存上升问题的排查与解决_gb视频平台-程序员宅基地

文章浏览阅读3.5k次。随着大数据技术与深度学习的持续提升,人工智能应用也逐渐与安防行业进行了深度融合,安防智能化已经成为行业的趋势。基于AI深度学习算法,智能化的安防视频监控平台可以提取视频特征、对视频数据进行结构化处理等,在应用场景中实现如人脸识别、人流量统计、人群密度检测、安全帽检测、烟火检测、危险行为识别、物体识别、目标追踪等能力。_gb视频平台

联想小新系列win10系统使用IDEA经常闪退,蓝屏,死机,饱受折磨_idea 运行项目导致蓝屏重启-程序员宅基地

文章浏览阅读1w次,点赞16次,收藏20次。经历介绍:七月份换了电脑,联想小新系列的,官网下载了IDEA2020 1.3版本,安装后网上搜了一个破解工具成功激活了,但是没两天一直出现bug。刚开始偶尔出现蓝屏,没在意,问了问其他人说轻薄本性能就不好,就一直暗骂电脑垃圾,后来越来越频繁,隔一天就蓝屏或死机,再后来每天都会有。这下慌了,后来发现每次都是运行IDEA时会死机或者蓝屏重启。刚买没几天的电脑,很郁闷,就去问售后,售后说可能是系统问题建议重置系统,我犹豫了,,,然后问同学说他有时候蓝屏,用360修复后就就好了,我犹豫了,不太想安装360了_idea 运行项目导致蓝屏重启

Android Studio之maven Central,JCenter_apache maven center-程序员宅基地

文章浏览阅读1.6w次,点赞20次,收藏40次。Android studio 是从哪里得到库的?Android Studio是从build.gradle里面定义的Maven 仓库服务器上下载library的。Apache Maven是Apache开发的一个工具,提供了用于贡献library的文件服务器。总的来说,只有两个标准的Android library文件服务器:jcenter 和 Maven Central。jcenter jcente_apache maven center

C语言实现3个数大小比较_c语言用条件运算符比较三个数大小-程序员宅基地

文章浏览阅读7.6k次,点赞7次,收藏13次。目标:多种方法实现3个数的大小比较代码:int compare01(int a, int b, int c){ //最原始的if条件判断 if( a > b){ if( a > c){ return a; }else{ return c; } }else{ if( b > c){ return b; }else return c; } }int compare02(int a, int b, int c){ //_c语言用条件运算符比较三个数大小

Java 之父 James Gosling 最新访谈:JIT 很好,但不适合所有语言-程序员宅基地

文章浏览阅读1.4w次,点赞2次,收藏7次。计算机编程确实是一门艺术。James Gosling,“Java 之父”, 完成了 Java 的原始设计,并实现了 Java 最初版本的编译器和虚拟机。90年代初,James Goslin..._java 之父近况

随便推点

关于python集成dlib_dlib3.11-程序员宅基地

文章浏览阅读1k次,点赞2次,收藏5次。前言这是一篇以“踩坑”为驱动的文章,如果直接使用pip install dlib安装,那么就会引用到对C++编译的Cmake和boost,如果还使用了win系统,还会涉及到visual studio和winSdk等各个方面,以及各种库的版本问题。显然上述南辕北辙。如果在python环境下涉及到库的安装最好使用非编译的包*.whl,这种方式是较为合理的,也很简洁。1.dlib简介Dlib是一个现代化的C ++工具箱,其中包含用于在C ++中创建复杂软件以解决实际问题的机器学习算法和工具。它广泛应用_dlib3.11

华为鸿蒙Harmony使用WIFI/IP连接调试_鸿蒙无线调试6位配对码-程序员宅基地

文章浏览阅读1.2w次,点赞3次,收藏9次。华为鸿蒙Harmony使用WIFI/IP连接调试1、先打开SDK所在目录,例如:D:\HarmonyOS\Sdk\toolchains,然后打开powershell,如下图2、输入一下命令:.\hdc tmode port 5555,开启端口3、在DEV中得Tool-IP Conect 中输入你手机的IP地址,即可4、这样,以后就只需输入IP地址连接上就可以不用数据线调试了..._鸿蒙无线调试6位配对码

Python遇见的BUG以及解决_importerror: cannot import name 'container_abcs-程序员宅基地

文章浏览阅读1.3k次,点赞2次,收藏3次。cannot import name 'imread'scipy库版本问题,安装较低的版本即可No module named 'numpy.testing.decorators'numpy库版本问题,安装1.17.0及以下即可。numpy.core.multiarray failed to importnumpy库版本过低load_model` requires h5py.、重新安装h5py..._importerror: cannot import name 'container_abcs

c语言 pta L1-017 到底有多二 (15分)_到底有多二ptac语言-程序员宅基地

文章浏览阅读915次。L1-017 到底有多二 (15分)一个整数“犯二的程度”定义为该数字中包含2的个数与其位数的比值。如果这个数是负数,则程度增加0.5倍;如果还是个偶数,则再增加1倍。例如数字-13142223336是个11位数,其中有3个2,并且是负数,也是偶数,则它的犯二程度计算为:3/11×1.5×2×100%,约为81.82%。本题就请你计算一个给定整数到底有多二。输入格式:输入第一行给出一个不超过50位的整数N。输出格式:在一行中输出N犯二的程度,保留小数点后两位。输入样例:-13142223336_到底有多二ptac语言

Redis Key-Value数据库 【实战】_获取缓存中value-程序员宅基地

文章浏览阅读499次。redis 实操 秒杀 分布式锁_获取缓存中value

内核中的_OBJECT_INFORMATION_CLASS 结构_内核 objectnameinformation-程序员宅基地

文章浏览阅读5.3k次。实际上这个枚举类型有5种typedef enum _OBJECT_INFORMATION_CLASS { ObjectBasicInformation, ObjectNameInformation, ObjectTypeInformation, ObjectAllInformation, ObjectDataInformation} OBJECT_INFORMATIO_内核 objectnameinformation

推荐文章

热门文章

相关标签