如何解决日期函数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 相关文章推荐
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
JavaScript 动态三角函数实例详解
Jan 08 Javascript
Jquery-data的三种用法
Apr 18 jQuery
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
详解如何使用babel进行es6文件的编译
May 29 Javascript
Vue绑定内联样式问题
Oct 17 Javascript
JavaScript作用域链实例详解
Jan 21 Javascript
JavaScript实现预览本地上传图片功能完整示例
Mar 08 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
js实现九宫格布局效果
May 28 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
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php中动态调用函数的方法
2015/03/16 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
JS 对象介绍
2010/01/20 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
2012/12/24 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
2013/06/24 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
JS图片懒加载的优点及实现原理
2020/01/10 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Pandas读写CSV文件的方法示例
2019/03/27 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
联想印度官方网上商店:Lenovo India
2019/08/24 全球购物
投资协议书范本
2014/04/21 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
初中差生评语
2014/12/29 职场文书
反邪教学习心得体会
2016/01/15 职场文书
《西门豹》教学反思
2016/02/23 职场文书