如何解决日期函数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框架设计读书笔记之种子模块
Dec 02 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
Easyui Treegrid改变默认图标的方法
Apr 29 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
总结javascript中的六种迭代器
Aug 16 Javascript
一个可复用的vue分页组件
May 15 Javascript
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
Oct 01 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 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合并两个数组的两种方式的异同
2012/09/14 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
PHP时间函数使用详解
2019/03/21 PHP
PHP常用工具函数小结【移除XSS攻击、UTF8与GBK编码转换等】
2019/04/27 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
javascript实现页面滚屏效果
2017/01/17 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
2017/02/18 Javascript
Nodejs中crypto模块的安全知识讲解
2018/01/03 NodeJs
浅谈Vue.js 中的 v-on 事件指令的使用
2018/11/25 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
python新手经常遇到的17个错误分析
2014/07/30 Python
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
解决pip install xxx报错SyntaxError: invalid syntax的问题
2018/11/30 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
解决python ThreadPoolExecutor 线程池中的异常捕获问题
2020/04/08 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
2013/01/30 HTML / CSS
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
元旦晚会邀请函
2014/02/01 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
初中生物教学随笔
2015/08/15 职场文书
Redis的字符串是如何实现的
2021/10/24 Redis