如何解决日期函数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两段代码,两个小技巧
Feb 04 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
Aug 01 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
js实现带有介绍的Select列表菜单实例
Aug 18 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
移动端web滚动分页的实现方法
May 05 Javascript
vue 实现的树形菜的实例代码
Mar 19 Javascript
微信小程序云开发详细教程
May 16 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 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 图片上传类代码
2009/07/17 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
jQuery 动态酷效果实现总结
2009/12/27 Javascript
JS模板实现方法
2013/04/03 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
基于jquery日历价格、库存等设置插件
2020/07/05 jQuery
让div运动起来 js实现缓动效果
2017/07/06 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
JS简单实现数组去重的方法分析
2017/10/14 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
十佳护士获奖感言
2014/02/18 职场文书
珍惜时间演讲稿
2014/05/14 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
小学三年级作文之写景
2019/11/05 职场文书
学习nginx基础知识
2021/09/04 Servers