如何解决日期函数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 相关文章推荐
event.X和event.clientX的区别分析
Oct 06 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
jQuery实现自定义下拉列表
Jan 05 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
node.js 动态执行脚本
Jun 02 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
js实现自定义进度条效果
Mar 15 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
pnpm对npm及yarn降维打击详解
Aug 05 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 水平的题目
2007/05/30 PHP
在普通HTTP上安全地传输密码
2007/07/21 PHP
PHP排序算法的复习和总结
2012/02/15 PHP
php实现的xml操作类
2016/01/15 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
JavaScript语句可以不以;结尾的烦恼
2007/03/08 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
jquery操作checkbox实现全选和取消全选
2014/05/02 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
2017/09/22 Javascript
js实现导航跟随效果
2018/11/17 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
小程序实现左滑删除效果
2019/07/25 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
如何理解Python中包的引入
2020/05/29 Python
Exception类的常用方法
2012/06/16 面试题
机电专业毕业生求职信
2014/07/01 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
商务宴会祝酒词
2015/08/11 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
Python合并多张图片成PDF
2021/06/09 Python