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

本文解决在不同浏览器下,特别是微信内置浏览器中,日期格式“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

微信小程序中,要获取时间戳可以使用以下方法:首先,将指定时间的字符串格式换为标准的日期格式,例如将'2023.01.12 10:00'换为'2023/01/12 10:00'。可以使用字符串的split()方法将'.'替换为'/',得到换后的日期字符串。然后,使用new Date()构造函数将日期字符串换为Date对象。最后,使用Date对象的valueOf()方法获取时间戳。具体代码如下: ```javascript let dateStr = '2023.01.12 10:00'.split(".").join("/"); let timestamp = new Date(dateStr).valueOf(); ``` 这样就可以在微信小程序中获取指定时间的时间戳了。请注意,由于不同环境和机型的差异,可能会出现一些兼容性问题,所以在实际开发中,建议进行充分的测试和适配。引用\[3\] #### 引用[.reference_title] - *1* [微信小程序获取当前时间戳、日期、时间](https://blog.youkuaiyun.com/weixin_45897706/article/details/124281580)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序ios真机获取时间戳显示NaN问题](https://blog.youkuaiyun.com/weixin_42324665/article/details/116782845)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [微信小程序获取指定时间时间戳 时间undefined/Invalid date](https://blog.youkuaiyun.com/weixin_49230250/article/details/128645223)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值