zoukankan      html  css  js  c++  java
  • 【safari挖的那些坑】iOS safari 浏览器 时间乱码(ios时间显示NaN) 问题解决

    通常

    iOS下时间错误表现形式

    问题一:

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

    var date =new Date(); 

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

    var date =new Date("2016-05-31 08:00");  

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

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

    var date =new Date("2016/05/31 08:00");  

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

    function GetDateDiff(startDiffTime, endDiffTime) {  
                //将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式   
                startTime = startDiffTime.replace(/-/g, "/");  
                endTime = endDiffTime.replace(/-/g, "/");  
    };  

    问题二:

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

    $("#timeDate').val("2016-05-30T08:30");  

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

    摘自:http://blog.csdn.net/wangshuai6707/article/details/52026298

  • 相关阅读:
    Jmeter性能测试--自己看到的博客收集
    python日志logging
    java学习day12--API-File文件流
    java学习day12--API-IO简介--流简介
    java学习day12--API-SimpleDateFormat--BigDecimal/BigInteger类
    java学习day12--API-包装类-Date类
    equals方法和 == 的使用
    java学习day11--API--Object类-String类-StringBuilder类
    构造方法和普通方法的区别
    java中的修饰符总结
  • 原文地址:https://www.cnblogs.com/jhli/p/6133221.html
Copyright © 2011-2022 走看看