如何解决日期函数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 相关文章推荐
filemanage功能中用到的common.js
Apr 08 Javascript
javascript 图片上传预览-兼容标准
Jun 01 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
jQuery照片伸缩效果不影响其他元素的布局
May 09 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
Mar 15 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 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数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
2011/05/29 PHP
PHP 第二节 数据类型之数值型
2012/04/28 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
2016/05/27 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
vue webpack build资源相对路径的问题及解决方法
2020/06/04 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
Python的另外几种语言实现
2015/01/29 Python
详解python的webrtc库实现语音端点检测
2017/05/31 Python
python删除过期log文件操作实例解析
2018/01/31 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
python如何求圆的面积
2020/07/01 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
HTML5标签大全
2016/11/23 HTML / CSS
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
如何理解委托
2012/01/06 面试题
Weblogic和WebSphere不同特点
2012/05/09 面试题
师范应届生语文教师求职信
2013/10/29 职场文书
学习十八届三中全会精神实施方案
2014/02/17 职场文书
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
python基于tkinter实现gif录屏功能
2021/05/19 Python
CSS中实现动画效果-附案例
2022/02/28 HTML / CSS