ios vue-timeago 时间显示NaN

最新推荐文章于 2024-12-19 10:47:12 发布

原创最新推荐文章于 2024-12-19 10:47:12 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#兼容性

本文介绍了一个vue-timeago插件在iOS设备上无法正确解析日期的问题及解决方案。通过修改sinceTime函数来适配不同操作系统的日期格式，确保在Android和iOS上都能正常运行。

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

这个问题的原因是：

在vue-timeago插件里面的vue-timeago.js文件中sinceTime 函数没有对当前操作系统做判断，就直接是用了new Date(this.since).getTime()去转换时间，实际上IOS上只支持yyyy/MM/dd这种标准格式，所以就造成了源代码在android上运行正常，在ios上运行不正常

解决办法是：

判断当前手机操作系统ios？Android?

在vue-timeago文件中找到vue-timeago.js，将sinceTime 函数改为：

sinceTime: function sinceTime() {
var ua = navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
return new Date(this.since.replace(/-/g, "/"));
} else if (/android/.test(ua)) {
return new Date(this.since).getTime();
}
}

即可

更简单的：

sinceTime: function sinceTime() {
return new Date(this.since.replace(/-/g, "/"));
}

这样Android和IOS就能共用了

参考网址: http://blog.youkuaiyun.com/wangshuai6707/article/details/52026298