safari浏览器兼容性问题-日期格式
程序员文章站
2022-04-27 18:49:36
...
今天写代码遇到的一个bug，在chrome上显示得好好的时间，一到Safari就提示 “invalid date”，于是回来看代码（为了一目了然，进行一些处理）：
var deadline = new Date("2016-06-10 23:59");
- 1
这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。
分析
当看到日期格式是yyyy-mm-dd，我联想到了yyyy/mm/dd格式，以前我也好奇这两种格式有什么区别，不过之前用chrome浏览器来测试这两种日期格式，发现并没有什么区别(当初并没有浏览器兼容问题的考虑 - -！)。
于是我猜，会不会是Safari不支持yyyy-mm-dd这种格式，马上改代码：
var date_format = "2016-06-10".split('-').join('/');
var deadline = new Date(date_format + " 23:59");
- 1
- 2
Generally DD-MM-YYYY format is not support in safari.
value = 2010/06/21 ; //should work.
(or)
value = new Date('2010-06-21'.replace(/-/g, "/"));
- 1
- 2
- 3
- 4
- 5
- 6
- 7
将yyyy-mm-dd格式转换成yyyy/mm/dd格式后，发现Safari和chrome都没有问题了，看来是浏览器对时间格式支持不太一样。
后来为了验证自己的想法，上*上查查，看到了几个类似的问题，这里挑一个有代表性的给大家看看：
Safari JS cannot parse YYYY-MM-DD date format?
https://*.com/questions/3085937/safari-js-cannot-parse-yyyy-mm-dd-date-format?rq=1
大概的意思是说，在执行new Date( string ) 的时候，不同浏览器会采用不同的parse，目前chrome两种格式都支持，而Safari只支持yyyy/mm/dd。