如何解决日期函数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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
javascript图像处理—仿射变换深度理解
Jan 16 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
JS实现获取当前URL和来源URL的方法
Aug 24 Javascript
Javascript 函数的四种调用模式
Nov 05 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
Sep 19 Javascript
javascript实现弹幕墙效果
Nov 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 从数据库提取二进制图片的处理代码
2009/09/09 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
jquery()函数的三种语法介绍
2013/10/09 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
jQuery的text()方法用法分析
2014/12/20 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
对python dataframe逻辑取值的方法详解
2019/01/30 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
django的csrf实现过程详解
2019/07/26 Python
解决Jupyter notebook更换主题工具栏被隐藏及添加目录生成插件问题
2020/04/20 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
国际象棋商店:The Chess Store
2018/07/09 全球购物
Myholidays美国:在线旅游网站
2019/08/16 全球购物
提拔干部考察材料
2014/05/26 职场文书
品牌推广策划方案
2014/05/28 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
2015年招聘工作总结
2014/12/12 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript