如何解决日期函数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 相关文章推荐
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
jtable列中自定义button示例代码
Nov 21 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
JS实现向表格中动态添加行的方法
Mar 30 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
Dec 26 Javascript
从零学习node.js之文件操作(三)
Feb 21 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
js+h5 canvas实现图片验证码
Oct 11 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 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中mysql模块部分功能的简单封装
2011/09/30 PHP
PHP实现格式化文件数据大小显示的方法
2015/01/03 PHP
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
javascript prototype 原型链
2009/03/12 Javascript
JS 控件事件小结
2012/10/31 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
js实现文字滚动效果
2016/03/03 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
详解nodejs模板引擎制作
2017/06/14 NodeJs
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
js Date()日期函数浏览器兼容问题解决方法
2017/09/12 Javascript
微信小程序实现YDUI的ScrollNav组件
2018/02/02 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
Vue文件配置全局变量的实例
2018/09/06 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
Python快速从注释生成文档的方法
2016/12/26 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
python实现复制文件到指定目录
2019/10/16 Python
学python需要去培训机构吗
2020/07/01 Python
荷兰家电销售网站:Welhof
2020/12/08 全球购物
database面试题
2013/03/28 面试题
汽车运用工程毕业生自荐信
2013/10/29 职场文书
机票销售员态度不好检讨书
2014/09/27 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
旅游项目合作意向书
2015/05/08 职场文书
React Hook用法示例详解(6个常见hook)
2021/04/28 Javascript