如何解决日期函数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 替换Html标签实现代码
Oct 14 Javascript
jquery一句话全选/取消全选
Mar 01 Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
Prototype框架详解
Nov 25 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
Javascript中字符串相关常用的使用方法总结
Mar 13 Javascript
js实现不提示直接关闭网页窗口
Mar 30 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
vue 使用鼠标滚动加载数据的例子
Oct 31 Javascript
tracking.js实现前端人脸识别功能
Apr 16 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 Vue.js
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
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
Jquery+ajax请求data显示在GridView上(asp.net)
2010/08/27 Javascript
jQuery选中select控件 无法设置selected的解决方法
2010/09/01 Javascript
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
jQuery中noconflict函数的实现原理分解
2015/02/03 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
vue实现文字加密功能
2019/09/27 Javascript
python中实现定制类的特殊方法总结
2014/09/28 Python
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
django中账号密码验证登陆功能的实现方法
2019/07/15 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
Python 列表反转显示的四种方法
2020/11/16 Python
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
优秀毕业大学生推荐信
2013/11/13 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
企业负责人任命书
2014/06/05 职场文书
2014年保密工作总结
2014/11/22 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书
变长双向rnn的正确使用姿势教学
2021/05/31 Python
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript