js Date()日期函数浏览器兼容问题解决方法

最新推荐文章于 2021-04-07 20:48:12 发布

choucui0160

最新推荐文章于 2021-04-07 20:48:12 发布

阅读量296

点赞数

原文链接：https://my.oschina.net/u/2615680/blog/3090561

版权

所有主流浏览器都支持的格式为： var dateTime = new Date("2017/09/12 13:42:00");

一些浏览器不支持new Date("2017-09-12 13:42:00"); //mdzz说的就是IE

一般直接new Date() 是不会出现兼容性问题的，而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题，为什么，datetimeformatstring中的某些格式浏览器不兼容。

1. 无参

//无参 所有浏览器都兼容
var dateTime = new Date();

2.日期参数

//日期参数 格式1
var dateTime = new Date("2017-09-12");

a. IE

　　> IE9-（不兼容）　

　　> IE9+（兼容，包含IE9）

b. 火狐（兼容）

c. 谷歌（兼容）

//日期参数 格式2 所有浏览器都兼容
var dateTime = new Date("2017/09/12");

3.日期时间参数

//日期时间参数 格式1
var dateTime = new Date("2017-09-12 13:41:00");

a. IE （不兼容，不管哪个版本）

b. 火狐（不兼容）

c. 谷歌（兼容）

//日期时间参数 格式2 所有浏览器都兼容
var dateTime = new Date("2017/09/12 13:42:00");

//日期时间参数 格式3
var dateTime = new Date("2017-09-12T13:42:00");

a. IE

　　> IE9- （不兼容）

　　> IE9+（兼容）

　　> IE9（半兼容 8个小时时间差）

b. 火狐（兼容）

c. 谷歌（半兼容 8个小时时间差）

//日期时间参数 格式4
var dateTime = new Date("2017/09/12T13:42:00");

a. IE （半兼容 1小时时间差）

b. 火狐（不兼容）

c. 谷歌（不兼容）

综上，所有主流浏览器都支持的格式为： var dateTime = new Date("2017/09/12 13:42:00");

那么解决方案就是将datetimeformatstring 转换成 yyyy/MM/dd hh:mm:ss 格式化字符串即可

或者自己写一个NewDate的函数，

    <script>
        function NewDate(str){
            if(!str){
                return 0;
            }
            arr=str.split(" ");
            d=arr[0].split("-");
            t=arr[1].split(":");
            var date = new Date();
            console.log(t);
            date.setFullYear(d[0], d[1] - 1, d[2]);
            date.setHours(t[0], t[1], t[2], 0);
            return date;
        }
    </script>




        var startTimeDate =document.getElementById("startTime").value;
        var endTimeDate =document.getElementById("endTime").value;
//不兼容IE，因此修改
     //   var startTime = new Date(startTimeDate).getTime()/1000;
    //    var endTime = new Date(endTimeDate).getTime()/1000;

        var startTime = NewDate(startTimeDate).getTime()/1000;
        var endTime = NewDate(endTimeDate).getTime()/1000;

转载于:https://my.oschina.net/u/2615680/blog/3090561