safari浏览器关于时间日期格式的兼容问题

解决Safari浏览器时间日期格式兼容问题：YYYY-MM-DDHH:mm:ss转换技巧
原创 已于 2024-01-04 17:51:08 修改 · 1.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue

于 2022-05-05 17:11:38 首次发布
本文探讨了在Safari浏览器中时间日期格式不支持的问题，提供了解决方案，通过示例代码展示了如何将不被接受的格式转换为'YYYY-MM-DDHH:mm:ss'，并给出了相关链接以供深入学习。

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.com/a/1190000041029455.
链接: https://blog.youkuaiyun.com/sanrenxingqg/article/details/115867820.

兼容Safari日期操作
04-26
兼容Safari Chrome等各个主流浏览器 通过js对日期进行操作，避免无效日期
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
11-28
使用其他浏览器访问，好嘛，IE跟safari都不兼容，返回错误”Invalid Date”。 想着估计是字符串格式的问题，改成’2016/11/11 11:11:11’再测试，结果正常，以为这样应该没问题了，再用手机浏览器继续访问，android...
Safari时间兼容性问题
然然酱的博客
03-20 488
部分网页在适配手机端的时候，免不了会有一部分用户的设备是iPhone，所以很多页面需要兼容safari。遇到一个问题是在safari上面时间无法初始化，经过排查是safari对时间的兼容性较差。但是对“yyyy/MM/dd”还有“yyyy/M/d”兼容性都没有问题。在初始化时间的时候可以将时间字符串转换一下。
关于safari浏览器 New Date() 为NaN 的兼容
weixin_42982910的博客
03-31 821
费了好大功夫才发现 是 safari 里new Date()内是不能接受 （年-月-日 时:分:秒）这种格式的，需要转换成（年/月/日 时:分:秒）。将 “ - ” 替换成 “ / ” 并且用 Date.parse解析以下时间格式即可。在旧版safari浏览器（5.0以下）中new Date('2023-03-31 12:00:00').getTime()时出现为NaN的情况。欢迎评论区相互交流！
safari中Date的兼容性处理
Lidppp的博客
07-29 433
先上代码 // 重写Date对象 // 如果是vue或者react项目 在入口文件处写下方代码 window.OldDate = window.Date var bind = Function.bind var unbind = bind.bind(bind) function instantiate (constructor, args) { return new (unbind(constructor, null).apply(null, args))() } window.Date = (fu
safari浏览器兼容性问题-日期格式
czy279470138的博客
08-17 1063
今天写代码遇到的一个bug，在chrome上显示得好好的时间，一到Safari就提示 “invalid date”，于是回来看代码（为了一目了然，进行一些处理）： var deadline = new Date("2016-06-10 23:59"); 1 这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。 分析 当看到日期格式是yyyy-mm-dd，我联想到了yyyy/mm/dd格式，以前我也好奇这两种格式有什么区别，不过之前用chrome浏览器来测试这两种日期格式，发
浏览器兼容js日期选择器
12-30
总结，创建一个兼容各种浏览器的JS日期选择器需要考虑兼容性、样式、用户体验、格式化、事件处理、无障碍性和性能等多个方面。通过选择合适的库、编写兼容的代码、优化样式和交互，我们可以构建出一个既漂亮又实用的...
兼容主流浏览器的JavaScript日期时间显示方案
4. **兼容性函数封装**：为了增强兼容性，开发者可能会对 Date 对象的方法进行封装，编写一个统一的函数来处理时间格式化问题。例如： ```javascript function formatTime() { var date = new Date(); var year =...
网页和浏览器兼容性问题汇总(draft1)
12-02
一.Javascript 1.日期对象的getYear方法 IE getYear()返回的结果和getFullYear...safari也支持该方法，但是坐标表示的是网页内容布局后的坐标（该坐标是浏览器窗口的客户区坐标）。两者的区别导致了如果想通过鼠标的指
IOS移动端，safari浏览器中时间格式的问题以及显示invalid date
yuansusu_的博客
10-08 1419
在开发移动端时，安卓和Ios平台时间显示，接口参数在安卓移动端中，可以识别任何大部分常见的时间格式，，在使用插件都可以转换成指定的格式。上面的时间转换在安卓手机的浏览器上运行和打印是正常显示指定的时间，但是在IOS平台的浏览器中显示的 I。
safari new Date()时间格式兼容性问题
weixin_46167430的博客
06-28 1200
最近遇到一个浏览器兼容性问题 new Date()方法，其他浏览器都能接受各种时间格式数据如：yyyy-MM-dd hh:mm:ss，safari浏览器接受的时间如果是小时时间，那前面的年月日只能用/隔开(yyyy/MM/dd hh:mm:ss)，否则计算的为无效数据 。 解决方法： 在new Date(‘yyyy-MM-dd HH:mm:ss’)格式化前需要先把字符串转化为Safari支持的格式，可以是yyyy/MM/dd HH:mm:ss或yyyy-MM-ddTHH:mm:ss或其他 方法一：改变时间格
解决Safari浏览器不兼容的Date()格式问题
个人博客
01-02 810
index.js Date = function (Date) { //复制 XDate.prototype = Date.prototype; const propertys = Object.getOwnPropertyNames(Date) for (let i = 0; i < propertys.length; i++) { let property = propertys[i] if ( XDate[property]==null ) {
关于苹果 safari 浏览器日期 的兼容问题
qq_40247562的博客
07-08 995
记录苹果 safari 浏览器的兼容性问题。 近来做微信公众号遇到的问题。根据时间判断是否能点击，如果小于当前时间，说明是以过去的时间，则不能点击。后来在苹果上出现问题，经查才知道，有兼容性，在此记录一下。 一：关于日期问题。ios 创建时间不支持中划线，只支持 / 在创建 Date 对象时没有使用new Date('2020-01-01')这样的写法，iOS 不支持以中划线分隔的日期格式，正确写法是new Date('2020/01/01')。 ...
new Date在safair浏览器中不兼容
wyl的博客
09-09 386
今天在项目中碰到了一些问题，最后找到的原因是因为new Data不能正确解析，在chrome上是可以的，在safair上却是不可以的。后来去找了解决办法，发现safair确实对new Date解析是有问题的 在谷歌中正确解析new Date（'2019-01-0115:36:49'） 在safair中就不能解析new Date（'2019-01-0115:36:49'） 所...
safari浏览器兼容性问题
inyiyi的博客
11-29 8162
今天写代码遇到的一个bug，在chrome上显示得好好的时间，一到Safari就提示 “invalid date”，于是回来看代码（为了一目了然，进行一些处理）： var deadline = new Date(&quot;2016-06-10 23:59&quot;); 这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。 分析 当看到日期格式是yyyy-mm-dd，我联想到了yyyy/m...
Safari new Date() 兼容问题
weixin_42952665的博客
12-13 350
我的时间 var myTime = “2015-12-31 12:10:21”; 正常写法 var newTime = new Date(myTime); safari兼容写法 var safariTime = new Date(myTime.substr(0,10)+“T”+myTime.substr(11)); 兼容格式其他浏览器也是认的，不要求输出的话直接用下面的写法就行了 ...
Safari无法兼容，时间返回NAN
qq_43677117的博客
04-19 254
let startTime = "2021-04-19 17:50:00" // 如果在Safari浏览器会返回NAN // 需要将时间格式"-"改成"/" startTime = startTime.replace(/\-/g,"/") let newTime = new Date(startTime)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值