1.很多时候我们遇到的日期是2016-1-1这样的,中间是带横线的,但是有时候我们需要转化为标准的时间,即使用new Date(time)这样的方法,这时在safari浏览器里面Invalid Date(无效的日期)问题. var date="2016-1-1 12:00:00";console.log(new Date(date));/** 普通浏览器 Fri Jan 01 2016 12:00:00 GMT+0800 (中国标准时间) * Safari中 Invalid Date*…
问题: 进行日期转换时,Safari中会返回Invalid Date, 而IE 9, Firefox, Chrome and Opera显示正常,代码如下所示: var d = new Date("2011-02-07");  alert(d); 或者var d = new Date("2011-02-07T11:05:00");  alert(d); 解决方案: 不是所有的浏览器都支持new Date 中'yyyy-mm-dd'格式的转换,可以尝试下面的代码: v…
苹果浏览器safari对new Date('1937-01-01')不支持,用.replace(/-/g, "/")函数替换掉中划线即可 如果不做处理,会报错:invalid date 本解决方案参考:http://stackoverflow.com/questions/4310953/invalid-date-in-safari…
问题:使用ajax跳转到新页面无效(浏览器Safari)   window.open("{% url "runtestinfo" %}")   但是使用location能够在原页面跳转   解决方法: 1.将ajax的async改为false 2.先定义变量为window.open()对象,然后使用location跳转 var w = window.open(); w.location=("{% url "runtestinfo" %}…
一.踩坑背景 在做某个项目的过程中,系统要求兼容safari,在使用Element-ui情况下,用到了datepicker组件,但是datepicker在type为daterange情况下,页面首次加载给日期组件赋初值,但是变量是有值,视图没有展示出来. 于是在解决这个问题的过程中,我在github上找到了初步的解决办法:https://github.com/kenberkeley/fix-date. 引入fix-date这个模块,可能还是有点问题. 二.问题的根源 因为自己开发环境不是Mac,…
这是一个浏览器兼容的问题,在此总结一下,别老在这掉坑. 先坐下测试 var timeStrArray = [ '2016-10-04', '2016.10.04', '2016/10/04', '10-04-2016', '10.04.2016', '10/04/2016', ]; for (var i = 0,len = timeStrArray.length; i < len; i++) { var timeStr = timeStrArray[i]; console.log(new Dat…
1.前言 有个需求,想要把指定日期时间的字符串转换成date类型 pc浏览器正常转换,但手机浏览器 返回结果是 invalid Date [无效的日期] 2.原因 出现这样不兼容的原因其实很简单, pc浏览器可以识别 日期时间格式 :yyyy-MM-dd hh:mm:ss  ,但是手机浏览器却不行 , 手机浏览器只能识别 yyyy/MM/dd hh:mm:ss 没错,就是分隔符的问题  , 将 - 换成 / 即可 3.使用源码-心得 (1)获取当前时间 let now = new Date();…
偶然发现用ipad访问我的网站时,发现网站上的一串数字变颜色了(原来是红色的),现在变成了蓝色.一开始以为网站出了什么问题,后来在PC端查看,发现颜色依旧是红色.在ipad上点击还会弹出菜单呼叫的选项,基本可以断定是Safari搞的鬼了.Safari识别电话号码功能会自动将数字识别成电话号码. 别的地方倒也罢了,如果在用户名中出现数字(手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”),那效果会很不好. 为了这个问题,到Safari的官网翻找,发现Safari有个私有meta属性可以解…
-webkit-appearance: none; 上面的设置就告诉Safari不要使用默认渲染,使用我们写好的 有这么一个webkit的私有属性: -webkit-appearance:none; /*去除input默认样式*/ 使用这个之后select的小三角就消失了,可以加上background: url('http://ourjs.github.io/static/2015/arrow.png') no-repeat scroll right center transparent; 添加…
如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题.HTML5的标签或CSS选择器兼容性的做法有很多,其中自己生成标签元素就是一种. 基本原理参见如下代码在IE8中效果,样式根本没有起作用. <html><head><style>mxria{ color: red; }</style&g…