IOS 系统 / Safari 浏览器下时间不能正常显示问题

最新推荐文章于 2025-04-25 15:39:06 发布

chuxushan7277

最新推荐文章于 2025-04-25 15:39:06 发布

阅读量1k

点赞数

文章标签：前端 ViewUI

原文链接：https://my.oschina.net/hp2017/blog/3082801

版权

本文探讨了在Mac上的Safari浏览器中遇到的时间格式显示问题，指出yyyy-MM-dd格式不被支持，需改为yyyy/MM/dd格式以确保正确显示。通过调整后端日期格式设置，实现跨浏览器的兼容性。

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

页面时间显示在 Windows 电脑上显示没什么问题，但是在 Mac上 Safari 浏览器下时间不能正常显示，试了谷歌和火狐浏览器都没什么问题，我查了下原来 safari 浏览器不支持 yyyy-MM-dd 的时间格式，只能把返回前端的日期格式改成 yyyy/MM/dd ，兼容性问题。

后端直接处理OK

    @JsonFormat(pattern = "yyyy/MM/dd HH:mm:ss", timezone = "GMT+8")
    private Date createTime;

转载于:https://my.oschina.net/hp2017/blog/3082801

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chuxushan7277

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

关于 IOS系统safari浏览器中setTimeout和setInterval定时失效的问题

qq_35804654的博客

11-12

1万+

问题描述：公司WEB项目，需要在页面做一个心跳；一般都选择setTimeout和setInterval 定时器；在web页面也没有问题，安卓手机也没问，但有IOS用户反应某些需要用到用户登陆的记录数不正确时，才定位到此问题。网上资料都说IOS系统的机制问题，setTimeout和setInterval就是会失效的；首先先简单介绍一下setTimeout和setInterval方法：众所周知...

前端解决Safari浏览器下时间不能正常显示

fred8的博客

12-13

1122

safari浏览器不支持yyyy-MM-dd的时间格式展示，我们可以把数据改成yyyy/MM/dd 这种格式 createdAt: alldata[i].createdAt.replace(/-/g,"/") 通过替换的方式改变时间格式，就可以在Safari浏览器和Chrome显示时间

参与评论您还未登录，请先登录后发表或查看评论

解决IOS系统/Safari浏览器下时间不能正常显示

央小木的博客

12-10

4885

最近Mac电脑打开后台发现时间格式变成了NaNa，可是谷歌打开后是正常的啊？？查了一下发现原来safari浏览器不支持yyyy-MM-dd的时间格式，只能把返回前端的格式改成yyyy/MM/dd。所以在后端只要在数据库映射到实体类的get方法上加个注解就解决了 @JsonFormat(pattern = "yyyy/MM/dd HH:mm:ss", tim...

苹果IOS浏览器上时间格式不兼容Date问题

小强的博客

09-04

6093

解决方案：但是在IOS版本里面的Safari解释new Date('2013-10-21') 就不正确，在IOS的Safari中返回的永远会是"Invalid Date"。后来我在网上查找了资料，原来是低版本的Safari解释new Date('2013-10-21')这个对象不一样，在IOS中的Safari不支持这种写法，而它支持的写法为new Date('2013',...

Safari浏览器（苹果）时间格式不能识别的坑

zx2425049056的博客

09-16

1164

Safari浏览器（苹果）的坑 1. new Date()格式化的坑在谷歌浏览器上使用new Date（str）来获取格式化时间数据支持的类型很多，常用的格式如： 2021-9-16 2021-9-16 9:30:55 2021-09-16 08:54:34.421252+08 2021/9/16 ... 这些在谷歌等浏览器上都可以作为参数直接传入Date()而被正确的处理，但是在Safari浏览器上不支持 '-'类型的格式，而只支持‘/’来作为分隔符可以使用str..replace(/-/g, "

苹果Safari浏览器日期控件显示不正确，Date日期返回一直都是NaN

mhshencaobo的博客

08-27

3250

近日，网站需要兼容，苹果Safari浏览器，大部分都正常，但是当遇到日期问题的时候，发现，无论怎么样，日期都无法显示。这边我用的是My97日期控件。 my97 ：http://my97.net/ 开始写法：忽略中途N行代码。因为my97日期控件，需要的格式为，2019-01-01。 var _date= new Date(this.year + '-' + this.month + ...

JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

11-28

使用其他浏览器访问，好嘛，IE跟safari都不兼容，返回错误”Invalid Date”。想着估计是字符串格式的问题，改成’2016/11/11 11:11:11’再测试，结果正常，以为这样应该没问题了，再用手机浏览器继续访问，android...

javascript实现阻止iOS APP中的链接打开Safari浏览器

10-25

当用户在Web APP中点击一个链接，系统通常会默认使用Safari浏览器来打开外部链接，这可能破坏Web APP的整体用户体验。描述中提到的解决方案是通过JavaScript代码来检测用户的设备环境，并在必要时阻止链接在Safari...

iOS下Safari点击事件失效的解决方法

08-28

在iOS下的Safari浏览器中，点击事件可能会失效，这是由于委托给一个元素添加click事件时，事件是委托到document或body上，并且委托的元素是默认不可点击的（如div, span等），此时click事件会失效。问题描述：当...

解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器

04-03

解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload，onunload，window.addEventListener(‘pagehide‘, () =＞ {}手机浏览器不生效

【Element-UI】解决el-icon图标显示不出来的问题

热门推荐

AXIMI的博客

04-28

8万+

element-ui 图标icon的使用详见官网： https://element.eleme.cn/#/en-US/component/icon 问题背景： vue框架中使用element-ui，我的vue工程是使用脚手架创建的，是个vue webpack项目。遇到的问题是：在vue中加入elment-ui中的图标，但是页面上没有显示。页面部分代码为： <el-menu-item i...

ios safari 中时间 Invalid Date及Nah问题

Thea12138的博客

02-23

2958

new Date(date）在ie、fierfox、chrome,以及移动安卓端都能正常运行，但是唯有在Safari和ios中显示为 Invalid Date，日期显Nah-Nah-Nah 原因是ios和safari不支持“YYYY-MM-DD”的时间格式，除此之外safari不支持的时间格式还有： YYYY-M-DD ("2017-1-07") YYYY-MM-DD hh:mm:ss ("2017-1-07 00:00:00") vue项目实现日期显示“刚刚”、“1分钟前”、“1天前”、“2022

moment在ios中出现不同问题bug

qq_33593958的博客

01-04

3661

针对moment时间插件来写比较、赋值等等操作的时候在android、浏览器中都是ok的。但是在ios中出现样式没有，无法比较的问题。原因是safari浏览器对moment格式有严格的规范。如moment("2019/01/01","YYYY/MM/DD")...

IOS Safari 时间显示错误

qq_38269366的博客

03-11

525

时间显示 Web构建遇到的问题年前用Cocos Creator(后续简称CC)进行重写Unity游戏项目时，遇到一个时间时间显示的问题。当时是要实现一个大赛开始倒计时的功能。 /** * 获取传入时间的时间戳 */ GetTimeStamp : function ( duration ) { let datetime = new Da...

new Date()时间格式转时间戳在苹果机iOS上无效

pomelo608的博客

09-16

1366

安卓和苹果的差异，今天又遇到一个，记下来方便以后查找。后台传来的时间格式是’2020-09-16 11:11:11’。我想转化为时间戳就直接用 // time是后台传来的数据，时间格式是'2020-09-16 11:11:11' let timeStamp = new Date(time).getTime() 开发完上测试后在苹果手机发现这个timeStamp竟然是NaN，浏览器和安卓手机是正确的数值，经过网上查找是苹果iOS时间格式兼容的问题，new Date(‘2020-09-16 11:11:11

ios中 safari浏览器，js时间操作getTime(),getFullYear()等返回显示NaN的解决办法

gooodi的博客

05-22

3284

查了下原因大概是:在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。但是在IOS5版本里面的Safari解释new Date('2019-5-21') 就不正确，在IOS5的Safari中返回的永远是"Invalid Date"。后来我在网上查找了资料，原来是低版本的Safari解释new ...

第三节：核心概念高频题-v-for中key的作用与index的隐患

qq_40860137的博客

04-23

917

作用：辅助Diff算法高效复用DOM节点，避免不必要的渲染问题：列表动态增删时，index作为key可能导致元素错位或状态混乱

【playwright】 page.get_by_类型方法