如何解决日期函数new Date()浏览器兼容性问题


Posted in Javascript onSeptember 11, 2019

项目上与时间相关的地方特别多,与时间格式相关都使用了moment.js轻量级日期处理库,在开发中出现了几次浏览器兼容性问题,所以总结一下new Date()和moment.js在各大浏览器中兼容性问题,方便记忆或查阅。

后台传回来的时间格式一般是字符串“2017-9-10 21:02:02”;

然后将字符串转化为标准时间:

var str = "2017-9-10 21:12:20";
var time = new Date(str);
console.log(time);

然后查看了一下,在chrome,firefox较新版本表现正常,在firefox老版本和ie中输出invalid date。

了解其原因,不是浏览器都支持“-”,“/”才是被各大浏览器广泛支持的。即把“-”替换为“/”即可解决问题。

var time = new Date(str.replace("-", "/").replace("-", "/"));

或者

var time = new Date(str.replace(/-/g,"/"));

还有一种解决方法就是直接用从字符串中获取年月日时分秒的数字来生成日期:

var time = new Date("2017","9","10","21","33","33",);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript中负数算术右移、逻辑右移的奥秘探索
Oct 17 Javascript
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
href下载文件根据id取url并下载
May 28 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
JavaScript实现更换背景图片
Oct 18 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 Javascript
JS中封装axios来管控api的2种方式
Sep 11 #Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
Sep 11 #Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 #Javascript
如何实现一个简易版的vuex持久化工具
Sep 11 #Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 #Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 #Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 #Javascript
You might like
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
div层的移动及性能优化
2010/11/16 Javascript
JavaScript自执行闭包的小例子
2013/06/29 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
简单谈谈python中的多进程
2016/11/06 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Python实现简易过滤删除数字的方法小结
2019/01/09 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
python内置模块collections知识点总结
2019/12/19 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
目标责任书范文
2014/04/14 职场文书
政府会议通知范文
2015/04/15 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
安全教育主题班会总结
2015/08/14 职场文书
2016应届大学生自荐信模板
2016/01/28 职场文书
Python如何使用循环结构和分支结构
2022/04/13 Python