前端开发问题之字符串日期转日期对象在微信内置浏览器中出现Invalid Date

最新推荐文章于 2024-09-12 18:44:05 发布

转载最新推荐文章于 2024-09-12 18:44:05 发布 · 930 阅读

文章标签：

#jq #js

js 同时被 2 个专栏收录

3 篇文章

订阅专栏

1 篇文章

订阅专栏

本文解决在不同浏览器下，特别是微信内置浏览器中，日期格式“2016-01-0100:00:00”转为Date对象时出现的“InvalidDate”问题。提供了多种兼容性解决方案，包括字符串替换和使用第三方库如datejs。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

开发中需要获取两个日期之间的时间差，开始日期和结束日期的格式都是：2016-01-01 00:00:00，在前端中我们需要使用 new Date(“xxxx”)来将其转为date对象，在各个浏览器都没问题，但是微信内置浏览器中却出现了“Invalid Date”的异常信息，难缠的兼容性问题出现！

解决：

当时在IE、safari浏览器下，会遇到这种问题：

new Date('2016-01-01 00:00:00')    //却返回这个值Invalid Date，转换失败</code>

但在chrome、FF返回的正确的结果，所以不同的浏览器还是存在差异的，以下列出了所有浏览器都支持的方式。

1 var d = new Date(2011, 01, 07); // yyyy, mm-1, dd  
2 var d = new Date(2011, 01, 07, 11, 05, 00); // yyyy, mm-1, dd, hh, mm, ss  
3 var d = new Date("02/07/2011"); // "mm/dd/yyyy"  
4 var d = new Date("02/07/2011 11:05:00"); // "mm/dd/yyyy hh:mm:ss"  
5 var d = new Date(1297076700000); // milliseconds  
6 var d = new Date("Mon Feb 07 2011 11:05:00 GMT"); // ""Day Mon dd yyyy hh:mm:ss GMT/UTC

例如从服务器取回的数据是：

dateStr = "02-07-2011 11:05:00"

可将 - 替换为 / ,斜杠通用于所有斜杠

dateStr = dateStr .replace(/-/g,"/");
let date = new Date(dateStr );

如果大面积的使用，建议使用datejs进行处理，或者认为可以的其他第三方库。

原文链接：https://blog.youkuaiyun.com/fairyier/article/details/79695417