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

最新推荐文章于 2025-07-05 18:02:28 发布
原创 最新推荐文章于 2025-07-05 18:02:28 发布 · 1.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#safari #前端 #chrome

本文介绍了一个关于Safari浏览器不支持yyyy-MM-dd日期格式的问题，并提供了一个简单的解决方案，即通过JavaScript的字符串替换方法将日期格式转换为yyyy/MM/dd，使得日期在Safari和Chrome中都能正常显示。
部署运行你感兴趣的模型镜像

safari浏览器不支持yyyy-MM-dd的时间格式展示，我们可以把数据改成yyyy/MM/dd 这种格式

createdAt: alldata[i].createdAt.replace(/-/g,"/")

通过替换的方式改变时间格式，就可以在Safari浏览器和Chrome显示时间

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

Safari浏览器收藏网页技巧详解：从入门到精通
mmoo_python的博客
05-18 1515
建议开发者定期进行书签审计（建议每季度一次），清理过期链接，优化分类结构。对于团队协同场景，可探索使用共享书签扩展实现知识沉淀。持续关注系统更新日志，将是保持高效工作流的关键。
MAC Safari浏览器网络请求JSON报文格式化插件
05-10
"MAC Safari浏览器网络请求JSON报文格式化插件"就是为了解决这个问题而设计的。这个插件专为苹果MAC系统的Safari浏览器定制，旨在将网络请求返回的JSON数据自动格式化，使原本杂乱无章的数据变得清晰有序，便于快速...
解决IOS系统/Safari浏览器下时间不能正常显示
央小木的博客
12-10 4944
最近Mac电脑打开后台发现时间格式变成了NaNa，可是谷歌打开后是正常的啊？？             查了一下发现原来safari浏览器不支持yyyy-MM-dd的时间格式，只能把返回前端的格式改成yyyy/MM/dd。 所以在后端只要在数据库映射到实体类的get方法上加个注解就解决了 @JsonFormat(pattern = "yyyy/MM/dd HH:mm:ss", tim...
IOS 系统 / Safari 浏览器下时间不能正常显示问题
chuxushan7277的博客
08-02 1058
页面时间显示在 Windows电脑上显示没什么问题，但是在 Mac上 Safari 浏览器下时间不能正常显示，试了谷歌和火狐浏览器都没什么问题，我查了下原来 safari 浏览器不支持 yyyy-MM-dd 的时间格式，只能把返回前端的日期格式改成 yyyy/MM/dd ，兼容性问题。 ...
工作-safari时间格式
weixin_46254175的博客
09-05 653
在执行new Date( string ) 的时候，不同浏览器会采用不同的parse，目前chrome两种格式都支持，而Safari只支持yyyy/mm/dd。
IOS Safari 时间显示错误
qq_38269366的博客
03-11 555
时间显示 Web构建遇到的问题 年前用Cocos Creator(后续简称CC)进行重写Unity游戏项目时，遇到一个时间时间显示的问题。 当时是要实现一个 大赛开始倒计时的功能。 /** * 获取传入时间的时间戳 */ GetTimeStamp : function ( duration ) { let datetime = new Da...
IOS safari 浏览器 时间乱码（ios时间显示NaN） 问题解决
qq_38472574的博客
05-09 579
IOS safari 浏览器 时间乱码（ios时间显示NaN） 问题解决
精选资源
iphone的safari浏览器中实现全屏浏览的方法
01-05
（就在Safari浏览器最下方，最中间的那个位置，点击选择即可）这个功能类似于把网页地址作为一个超链接的方式放到手机桌面，并且可以直接访问。不过要注意的是每个链接都需要js进行一次特殊处理，那就是监听页面点击...
前端开发中的跨浏览器兼容性解决方案详解
最新发布
qq_36287830的博客
07-05 1228
在现代Web开发中，跨浏览器兼容性是确保用户体验一致性的核心挑战。不同浏览器对HTML、CSS和JavaScript的解析差异可能导致页面布局错乱、功能失效等问题。本文将深入解析跨浏览器兼容性问题的根源，并结合代码示例提供系统性解决方案。describe('兼容性测试', () => {// 智能转译配置示例。// Jest测试用例示例。
禁止safari浏览器网页双击缩放功能
02-27 2173
普通浏览器，只需要增加meta标签禁止缩放功能就行了。
ios中 safari浏览器，js时间操作getTime(),getFullYear()等返回显示NaN的解决办法
gooodi的博客
05-22 3370
查了下原因大概是:在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2019-5-21') 就不正确，在IOS5的Safari中返回的永远是"Invalid Date"。 后来我在网上查找了资料，原来是低版本的Safari解释new ...
vue中使用element-ui的日期选择器el-date-picker在ie和Safari点击不能选择
Zxiuping的博客
08-01 5866
如上图所示情况，在谷歌、火狐等浏览器选择没有问题，但是在ie和Safari浏览器点击的时候上面输入框是空白的，因为ie和Safari浏览器解析日期格式支持yyyy/MM/dd， 将yyyy-MM-dd格式日期转换为yyyy/MM/dd即可，可以用正则替换 .replace(/-/g,"/")。 另外说一下将yyyy/MM/dd格式日期转换为yyyy-MM-dd即可，可以用正则替换 .rep...
IOS safari 浏览器 时间乱码（ios时间显示NaN） 问题解决
热门推荐
日拱一卒无有尽，功不唐捐终入海
07-25 2万+
通常 IOS下时间错误表现形式 问题一：  这个界面运用了大量的日期类型的计算，当我们用JavaScript实例化一个日期对象时，我们可以这样用: [javascript] view plain copy  print? var date =new Date();    上面这段代码是
iOS关于时间的处理
哈利的博客
06-21 827
最近碰到了一些关于时间的问题, 网上搜了一下后得到了很多时间处理的方法,在此和大家分享一下
Safari 浏览器对日期处理的注意事项
galoiszhou的博客
03-06 2107
Safari 浏览器对于 `new Date(dateString)` 中的 `dateString` 是有格式要求的。 Safari支持的时间字符串有 `YYYY-MM-DDTHH:mm:ss`, `YYYY/MM/DD HH:mm:ss` 等 在Safri不支持时间格式为 `YYYY-MM-DD HH:mm:ss`, `YYYY/MM/DDTHH:mm:ss` 等 为了兼...
ios和safari对时间戳的处理
zhoulib__的博客
09-28 432
ios系统和safasi都是苹果那边的 苹果 内核中的new Date()中无法解析-这个字符当放入时会显示不存在的时间对象 new Date() 可以解析 / ios中 new Date(‘2020-10-1’) 在ios中显示不存在的time ios中 new Date(‘2020/10/1’)正常 ios中 new Date(‘2020/10’) 显示不存在的time 安卓中的时间对象可以解析任何字符 ...
IOS移动端，safari浏览器中时间格式的问题以及显示invalid date
yuansusu_的博客
10-08 1439
在开发移动端时，安卓和Ios平台时间显示，接口参数在安卓移动端中，可以识别任何大部分常见的时间格式，，在使用插件都可以转换成指定的格式。上面的时间转换在安卓手机的浏览器上运行和打印是正常显示指定的时间，但是在IOS平台的浏览器中显示的 I。
苹果Safari浏览器日期控件显示不正确，Date日期返回一直都是NaN
mhshencaobo的博客
08-27 3312
近日，网站需要兼容，苹果Safari浏览器，大部分都正常，但是当遇到日期问题的时候，发现，无论怎么样，日期都无法显示。 这边我用的是My97日期控件。 my97 ：http://my97.net/ 开始写法：忽略中途N行代码。因为my97日期控件，需要的格式为，2019-01-01。 var _date= new Date(this.year + '-' + this.month + ...
safari浏览器关于时间日期格式的兼容问题
MISS_zhang_0110的博客
05-05 2015
safari浏览器关于时间格式的兼容问题一、效果图chrome浏览器中safari浏览器中：二 、解决办法三级目录 经常用的时间格式YYYY-MM-DD HH:mm:ss在Safari浏览器中是不支持的 一、效果图 chrome浏览器中 safari浏览器中： 二 、解决办法 new Date(moment(this.feeMonth).format('YYYY-MM-DD HH:mm:ss').replace(/-/g, '/')) 三级目录 链接: https://segmentfault.c
jumanji：前端开源库解决Safari浏览器错误
综合以上内容，可以明确，前端开源库“Jumanji”是一个可能与Safari浏览器兼容性处理相关的项目。通过对开源库的深入了解和参与，开发者能够更有效地解决前端开发中的问题，同时成为开源社区的活跃贡献者。希望上述...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知知洋洋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值