【前端笔记】js日期格式在iOS上的兼容问题

原创 已于 2023-04-11 06:11:47 修改 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript

于 2023-04-10 23:36:37 首次发布
文章讲述了在JavaScript中使用newDate构造函数时遇到的一个兼容性问题，即在iOS系统上，newDate(2023-04-10)会返回NaN，而在Android系统上则正常。问题的原因在于iOS不识别带横杠的日期格式。解决方案是将日期字符串中的横杠替换为斜杠，如newDate(2023/04/10)，此方法可确保在iOS上正确解析日期。

问题描述：js中new Date (“2023-04-10”)在Android系统上没问题，在iOS系统上解析为NaN，无法得到正确结果
解决办法：new Date()构造函数在iOS系统上不识别带横杠格式的日期字符串，将日期格式“-”改为"/"即可new Date (“2023/04/10”)。

bg2015
关注
JavaScript 在前端 UI 框架中的应用与选型
小白菜的博客
04-30 1046
随着互联网的飞速发展，前端开发的重要性日益凸显。前端 UI 框架作为构建用户界面的重要工具，能够提高开发效率、保证代码质量和提升用户体验。JavaScript 作为前端开发的核心语言，在前端 UI 框架中发挥着至关重要的作用。本文的目的在于深入探讨 JavaScript 在前端 UI 框架中的具体应用，分析不同前端 UI 框架的特点和优势，为开发者在选型时提供全面、深入的参考。范围涵盖了主流的前端 UI 框架，如 React、Vue.js、Angular 等，以及它们在实际项目中的应用场景和选型策略。
前端使用 Vue.js 实现下拉刷新与上拉加载
最新发布
小白菜的博客
05-16 1168
本文旨在为前端开发者提供在Vue.js项目中实现下拉刷新和上拉加载功能的全面指南。内容涵盖从基础实现到高级优化技巧，适用于各种移动端应用场景。本文将首先介绍核心概念，然后分别讲解下拉刷新和上拉加载的实现原理，接着提供实际代码示例，最后讨论性能优化和常见问题。下拉刷新(Pull-to-Refresh): 用户通过下拉手势触发数据重新加载的交互模式上拉加载(Infinite Scroll): 用户滚动到列表底部时自动加载更多数据的交互模式节流(Throttle): 限制函数在一定时间内只执行一次的技术。
【js大坑】苹果ios的日期时间兼容问题
coderYYY的博客
01-24 3156
（如果是new Date获取的日期，需要先转为。苹果手机ios系统不支持日期。，导致实际使用的差异性。
兼容ios的日期格式化
08-22
兼容ios的日期格式化,兼容ios的日期格式化,兼容ios的日期格式化
JS实现倒计时---处理ios兼容问题
Riona_cheng的博客
12-10 1460
js实现倒计时遇到的坑
js 时间格式化，兼容ios andriod
柒柒捌捌。
03-12 637
function formatDate(date, fmt) { if (date == null || date == '' || date == 'undefined') { return ''; } date = date + ''; date = date.replace(/\-/g, "/"); if (date.indexOf('GMT') == -1) { date = date.replace(/\T/g, " ");.
js中的 Date对象 在 IOS 手机中的兼容性问题
localhost
02-21 742
多次发现iphone在Date()处理上有兼容性问题，一直都是百度。 今天记录一下，免得日后难找 解决方法： var time= "2018-09-06"; time= time.replace(/\-/g,"/"); time = new Date(time); 点击查看原文 ...
6年前端开发整理出的日常开发中碰到的兼容适配问题
发果叁
05-17 1361
前言 这几天看了一下自己以前写的开发笔记，发现自己也从一个初出茅庐只会面向群编程的菜鸟变成在群里给别人解答问题的老鸟了。正好将自己做前端6年以来碰到的一些项目中很常见的兼容适配问题以及解决方案整理出来分享出来，加快大家进阶老鸟的进度。 1.扩大按钮可点击区域 常见于手机端勾选协议按钮，弹框的"x"号，由于按钮设计的较小，用户手指跟屏幕接触的面积较大，用户需要点击多次才能触发事件，体验较差，需要在不改变ui的前提下扩大按钮的点击区域。 解决： 使用伪元素(伪元素相对于父元素定位向四周延展，可以设置为任意尺寸
web前端开发笔记 边读边写学前端开发
05-03
Bootstrap框架的出现，允许开发者实现"一套代码，多平台展示"的目标，确保网页在不同设备上的兼容性和适应性。 要让手机访问自己的网页，有多种方法：将代码上传至外网，购买域名和空间；使用云应用服务；在本地...
前端领域中 Vue.js 的过渡效果的兼容性处理
AI架构全栈开发实战笔记
05-15 1097
在现代Web应用中，流畅的过渡效果对于提升用户体验至关重要。然而，不同浏览器和设备对CSS动画和JavaScript执行能力的支持程度各不相同，这给开发者带来了兼容性挑战。本文旨在为Vue.js开发者提供一套完整的过渡效果兼容性处理方案，确保应用在各种环境下都能提供最佳的用户体验。首先介绍Vue.js过渡系统的基本原理然后分析常见的兼容性问题接着提供具体的解决方案和实现策略最后通过实际案例展示最佳实践Vue过渡系统：Vue.js提供的用于在元素插入、更新或移除时应用过渡效果的机制CSS过渡。
JS处理时间兼容IOS
LonlyTree的水源
07-13 832
原因：IOS中的时间格式会用 - 或 . 分隔，而new Date()并不识别这种格式(已可识别-)。当用new Date()初始化时间时，IOS非正常显示，debugger时会显示NAN。解决：把连接符替换为可识别的/
js日期格式化 小程序 ios Date对象(好坑(:)
weixin_42448623的博客
03-18 478
/** 获取指定日期的前n天 * date 当前日期 * day 前 或者 后 的日期 单位/天 * format 格式 */ export function getNextDate(date, day=-1, format="yyyy-MM-dd") { 　　return new Date(new Date(date).getTime() + day*24*60*60*1000).format(format);; }; // 日期格式化 Date.prototype.format = fun
js时间格式化函数（兼容IOS）
weixin_30920597的博客
07-19 711
* 时间格式化 * @param {Object} dateObj 时间对象 * @param {String} fmt 格式化字符串 */ dateFormat(dateObj, fmt) { let date; if (this.isString(dateObj)) { date = this....
ios不兼容javascript 时间 new Date('yyyy-mm-dd') 解决方案
Baby_加油_的博客
06-21 3848
在mint-ui的picker中，会用到时间相关的方法 <!--时间弹框--> <mt-datetime-picker ref="picker" v-model="pickerVisible" type="datetime" year-format="{value} 年" month-format="...
IOS系统日期格式不兼容问题——js基础积累
yehaocheng520的博客
01-10 3896
IOS系统日期格式不兼容问题——js基础积累
JS时间戳转换为时间格式的方法，以及苹果兼容性问题
ONLYSRY的博客
10-13 915
JS时间戳转换为时间格式的方法，以及苹果兼容性问题。
IOS兼容日期格式问题，注意ios高低版本兼容性不一致
qq_39551014的博客
04-27 1973
这个问题的困扰主要在：我们身边安卓和苹果手机都显示正常，所以想这应该不是兼容性问题吧，但是确实有用户反馈显示不正常，网上也查资料确实苹果手机对日期格式存在兼容性问题，但是为什么我们的苹果手机显示正常呢？这几天做小程序，遇到一个日期兼容性问题，小程序端js根据日期计算星期并在页面显示，传入的日期格式为yyyy-mm-dd，结果苹果手机出现了兼容性问题。开发者工具和真机调试都显示正常，发布版本我的苹果手机包括同事的也显示正常，但是今天收到一个用户反馈，显示的星期不正确，不是当前星期。
js IOS端时间格式no valid
weixin_43517190的博客
12-28 384
//在开发过程中，有人会出现 日期：2020-1-1 小时分钟： 9:00 let ri = “2020-1-1” let h = “9:00:00” new Date(ri++“ ”+h); 安卓可以正常转化，而ios报异常 出现以上情况，可以这样解决以下异常 //判断如果是ios， 把’-‘转成’/’ yyyy/mm/dd if ('ios' == platform) { ri = ri.replace(/\-/g, '/'); if (h.startTime.length
js 移动端对日期格式的兼容性
weixin_43865542的博客
09-05 365
这种带有 "-" 日期的格式，这种格式大部分安卓手机都是支持的，但是对于Ios手机很多机型都是不支持的，需要将 "-" 替换成别的符号，一般常用的就是 "/"。一般都是直接使用 new Date() 生成一个日期，日期格式如下：2023-01-1。
前端填坑笔记：安卓毕业设计源码与实用技巧分享
虽然标题提及“安卓毕业设计”，但其内容更偏向于前端技术实践，尤其是针对现代Web界面在移动设备上的适配、交互优化以及兼容性处理。这些知识点不仅对完成毕业设计具有实际指导意义，也为广大前端开发者提供了宝贵...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值