【解决】关于 new Date 函数在苹果手机不兼容导致白屏的解决方案

最新推荐文章于 2023-11-28 14:45:09 发布
VIP文章 最新推荐文章于 2023-11-28 14:45:09 发布
阅读量599 收藏 1
点赞数 1
分类专栏： Taro Web前端 微信小程序 文章标签： css yarn npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llw6868/article/details/112183958
版权

背景：因为公司机场项目需要涉及到格式化时间功能，原本选用moment这个第三方库，但是用了一段时间发现这个太重了，每次打包预览老是会提示超2M，无法正常预览，后面改用date-fns这款轻量级的库，两者引用打包大小对比如下图：

引用 主包大小（KB）
moment 2657.6
date-fns 1967.9
在这里插入图片描述 在这里插入图片描述

date-fns日期工具的使用方法详解
此时我引入im

最低0.47元/天 解锁文章
林大年
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何解决日期函数new Date()浏览器兼容性问题
10-16
主要介绍了如何解决日期函数new Date()浏览器兼容性问题,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js Date()日期函数浏览器兼容问题解决方法
12-12
一般 直接new Date() 是不会出现兼容性问题的，而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题，为什么，datetimeformatstring中的某些格式浏览器不兼容。 1. 无参 //无参 所有浏览器都兼容 var ...
safari浏览器使用new Date（）输出结果为Invalid Date
sanrenxingqg的博客
04-19 1205
背景： 使用el-date-picker组件进行时间选择，展示为yyyy-MM-dd格式，但是需要给后台传的数据格式为yyyy-MM-dd HH:mm:ss:000，所以需要对日期格式进行处理，后端索要数据为结束日期的下一天的00时00分00秒 所以我所用的方法是： console.log('this.ruleForm.date[1]', this.ruleForm.date[1]) //this.ruleForm.date[1] 2021-4-19 let end_time =
ios版本太低，new Date()会出现兼容问题
Wancc123的博客
04-21 481
【代码】ios版本太低，new Date()会出现兼容问题。
new Date(时间) IOS兼容的问题
最新发布
Jana Jing的分享
11-28 585
当时间格式为yyyy-MM-dd HH:mm:ss时，即日期使用连接时，ios会无法识别，返回invalid Date无法识别和转换。
uniapp时间格式问题 new Date( ) IOS系统和Android系统不兼容
weixin_61884232的博客
05-24 537
在电脑上显示一切正常，本地打包成app,在ios上选择日期时 提示代码 并且Android是正常可以使用的。一定要用'/'的格式 因为IOS系统只识别 " / " 不识别 " - "
苹果手机无法识别new Date() 来获取的时间
AnlanJion的博客
08-15 2036
最近在写项目时发现一个问题，在电脑，安卓 都没偶问题 但是在safari 浏览器中就出现了问题，时间也会显示，但是对时间进行比较的时候，就会发现问题了，好像写的判断逻辑根本没有实现 开始没遇到过这样的问题，没有想太多，感觉逻辑也没问题 ，pc 端都是正常展示的，最后请教后台大佬 大佬说：可能是苹果手机不支持 new Date() 出来的 2019-08-15 15:10:40 对于这样的...
javascript中日期函数new Date()的浏览器兼容性问题
10-23
主要介绍了javascript中日期函数new Date()的浏览器兼容性问题,需要的朋友可以参考下
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
10-20
主要介绍了JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法的相关资料,需要的朋友可以参考下
JavaScript的new date等日期函数在safari中遇到的坑
01-19
查阅一些资料后发现，safari中对于JavaScript的new Date函数的支持有一个比较奇怪的问题。 通常，由于习惯了SQL中的datetime格式，日期是打成yyyy-mm-dd的格式，然而，safari竟然不支持这样的格式，所以当你输入如下...
苹果手机 new Date() 兼容问题处理
weixin_44646763的博客
01-15 1212
在苹果手机（IOS）使用 new Date(date).getTime() 将会返回 NaN，不符合预期，但在安卓手机可以正常使用
解决 js苹果手机 new date(''value') 显示 NaN问题
拉风的小锋
07-16 690
在微信公众号开发页面时,发现在安卓手机上new data(2019-7-16 11:07:27) 显示正常,但是在苹果手机上却显示NaN,经查询问题发现苹果手机不支持yyyy-MM-dd HH:mm:ss格式,只支持(yyyy/MM/dd HH:mm:ss)格式.或者(yyyy/MM/dd HH:mm)格式也行. 例：2019-7-16 11:09:36 var newDate = new Da...
如何使苹果手机兼容new Date(date)
这里是痞子Monkey的博客
09-10 2119
在苹果手机上使用new Date("219-01-02").getTime() 获取时间戳是会报NAN的， 封装一个方法 //兼容苹果new date var getDatas = (strdate)=> { var arr = strdate.split(/[- : \/]/); var date = new Date(arr[0], arr[1] - 1, arr[2], a...
new Date(date).getTime()在苹果手机不兼容
m0_37395016的博客
05-07 8753
今天遇到一个大坑。 new Date(date).getTime()，用这个方法来获取时间戳， 在手机上就是NaN，在Google浏览器就是没有问题！ 由于是真机调试，又费劲时间又久。 就很纳闷，这么简单的方法到底错在哪了。 加班寻找解决办法，才在一个小角落发现， new Date(date).getTime()在苹果手机上是不兼容的。 虽然是一个小小的兼容性问题， 可是没有...
new Date(date).getTime()在ios下的兼容性问题。
jackie_bobo的博客
12-12 3078
new Date(“2018-12-12 00:00:01”).getTime()获取时间戳的时候在ios下面为NaN. 经过排查发现 new Date("2018-12-12 00:00:01") /* *chrome浏览器以及安卓下面都可以正常输出->Wed Dec 12 2018 00:00:01 GMT+0800 (中国标准时间) *在ios下面输出是Invalid Date...
date-fns日期工具的使用方法
yangyang3401的博客
10-20 4029
date-fns日期工具
date-fns轻量级日期处理插件
jr_csdn_jr的博客
08-22 1488
为了更加轻便导入方式采用 import format from 'date-fns/format' 如果采用了 import {format} from 'date-fns' 打包时将会变大
微信小程序--苹果机型日期格式错误new Date(日期)显示Invina Date
每天都要努力学习哦~~
02-10 719
在使用 new Date('2023-02-15 ')的页面上，安卓和开发者工具可以正常显示，但是苹果系统无法正常显示，看了一下真机调试，显示Invina Date，于是去看了一下这个 new Date 这个api在苹果上面的差异。发现在苹果系统上，new Date()里面无法传YYYY-MM-DD格式的字符串，只能改为YYYY/MM/DD的形式。开发小程序有关日历显示的时候。
js安卓手机 new Date方法兼容问题
07-27
在某些安卓手机上，使用JavaScript的`new Date()`方法可能会出现兼容性问题。这是因为不同的浏览器和设备对于日期字符串的解析方式有所不同。为了解决这个问题，你可以考虑使用其他方法来创建日期对象，例如： 1. 使用`Date.parse()`方法：可以将日期字符串转换为毫秒数，然后使用`new Date()`来创建日期对象。例如： ```javascript var dateString = "2022-01-01"; var milliseconds = Date.parse(dateString); var dateObj = new Date(milliseconds); ``` 2. 使用第三方日期库：例如Moment.js或Day.js等，这些库提供了更强大和可靠的日期处理功能，并且解决了兼容性问题。 3. 自定义日期解析函数：如果你知道日期字符串的具体格式，你可以编写自定义函数来解析日期字符串并创建日期对象。例如： ```javascript function parseDateString(dateString) { var parts = dateString.split("-"); var year = parseInt(parts[0]); var month = parseInt(parts[1]) - 1; // 月份从0开始计数 var day = parseInt(parts[2]); return new Date(year, month, day); } var dateString = "2022-01-01"; var dateObj = parseDateString(dateString); ``` 请注意，以上方法仅为解决`new Date()`方法在某些安卓手机上的兼容性问题的一些常见解决方案，具体取决于你的需求和情况选择适合的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值