安卓和ios针对于new Date()数据格式的兼容问题

这篇具有很好参考价值的文章主要介绍了安卓和ios针对于new Date()数据格式的兼容问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

现象

IOS 手机不识别 YYY-MM-DD HH:mm:ss 格式的日期传参。

起因

在项目中需要实现倒计时,这个倒计时的时间是后端同学给到前端的,我们针对当前时间到结束的时,进行倒计时,这个功能在测试的时候安卓手机和iOS手机都没问题,但是哦生产有用户反馈ios手机无法出现倒计时

排查

发现是ios低版本的情况出现这个问题,因为ios低版本不识别这个日期格式, ios低版本只能识别 YYY/MM/DD HH:mm:ss 这种格式ios和安卓都兼容,因此我查阅资料发现,最新版本的ios已经修复了这个问题,但是在ios15.2的版本还存在.

解决方案

1、正常的时间格式直接replace掉

let time = "2023-12-10 14:39" let TF = newDate(time.replace(/-/g,'/'))

2、使用moment时间格式化

moment(2023-12-10 T11:24:04.000+0800).format( 'MM/DD HH:mm')

3、改为YYYY/MM/DD的形式文章来源地址https://www.toymoban.com/news/detail-756551.html

 
const date = new Date('2023-12-10') // Invina Date
 
const date = new Date('2023/12/10') // OK!

到了这里,关于安卓和ios针对于new Date()数据格式的兼容问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【H5】H5安卓、ios兼容性问题

    H5在安卓机型和IOS机型或者相同机型的不同浏览器中的某些样式会存在不一样的表现,所以需要解决相应的兼容性问题 1、IOS端兼容input光标高度 问题症状:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样

    2024年02月16日
    浏览(43)
  • react-native-webview使用postMessage后H5不能监听问题(iOS和安卓的兼容问题)

     chatgpt: https://chat.xutongbao.top/ 参考链接: https://blog.csdn.net/liuxingyuzaixian/article/details/125199131 https://chat.xutongbao.top/

    2024年02月12日
    浏览(28)
  • JavaScript 中 new Date() 生成的日期格式转换为 ‘yyyy-MM-dd HH:mm:ss‘ 格式的字符串

    1、使用 Date 对象自带的方法 可以使用 Date 对象自带的方法来获取日期字符串的各个部分,然后将它们拼接成目标格式的字符串: 2、使用第三方库 也可以使用第三方库来格式化日期字符串,如 moment.js: 或者使用 ES6 的模板字符串和 Date 对象自带的方法:

    2024年02月16日
    浏览(40)
  • 解决:Java后端返回给前端的Date格式数据相差8小时的问题

    问题描述: 后端得到的数据是对的,但是返回给前端后,数据比原数据慢了8小时。 原因: json数据在返回浏览器端是会被spring-boot默认的Jackson框架转换,而Jackson框架默认的时区GMT(相对于中国是少了8小时)。 解决: 在application.yml文件中,配置

    2024年04月16日
    浏览(33)
  • 利用webview 内嵌实现小程序,h5 ,app 页面跳转和数据通讯,附带实现pdf文件的预览(兼容ios和安卓)

    承载网页的容器。会自动铺满整个小程序页面, 个人类型的小程序暂不支持使用。 客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效 相关的属性说明:开放能力 / web-view (qq.com) 2.bindmessage 可以实现网页端和小程序之间通讯, 但只在特定时机触发 网页端向小程序

    2024年02月02日
    浏览(60)
  • uniapp 蓝牙小程序-兼容安卓和iOS

    withTimeout方法可以在搜寻设备时等待指定的秒数,如果30秒内未搜索到则取消搜索  计算数据校验和: 校验字节等于命令字节与所有数据字节之和的反码。求和按带进位加 (ADDC)方式计算,每个进位都被加到本次结果的最低位(LSB)。 vue页面代码   js函数代码 

    2024年02月03日
    浏览(30)
  • 踩坑:小程序 new Date(“YYYY-MM-DD hh:mm:ss”)在ios手机上显示null

    一、发现问题: 苹果手机上进入小程序,点击picker组件选择时间日期(YYYY-MM-DD hh:mm:ss),用new Date(“YYYY-MM-DD hh:mm:ss”)转化时间格式进行比较时,变量转化后的结果为null 二、解决方案: 三、分析并查找原因: 1.在IOS中,new Date中指定的字符串还有格式,new Date(“YYYY/MM/DD hh:

    2024年02月12日
    浏览(27)
  • 小程序开发安卓/ios兼容踩坑合集

    时间格式时IOS不兼容的问题 原因:iOS系统不能识别XXXX-XX-XX(2020-05-20 12:00:00)格式的,需要将格式转换成 2020/05/20 12:00:00 解决: margin在IOS真机中失效 情境:在页面中元素使用margin值,在某些IOS设备下会出现失效的情况,而安卓机则正常显示。 解决:此问题暂无直接的解决方

    2024年02月09日
    浏览(33)
  • node debian 镜像 new Date 获取时间少 8 小时问题

    在 node debian 镜像中,用 (new Date()).getHours() 与系统时间(东 8 区)少了 8 小时 系统时间 容器中的时间 原 Dockerfile 镜像运行起来容器未设置指定时区 Dockerfile 中添加 ENV TZ=\\\'Asia/Shanghai\\\' 及 apt-get install -yq tzdata 系统时间 容器中的时间 https://dev.to/0xbf/set-timezone-in-your-docker-image-d22

    2024年02月14日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包