JavaScript - H5 new Date在ios手机上兼容

于 2022-03-24 14:35:15 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： 日常开发总结 JavaScript 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39137100/article/details/123710400
版权

这几天做一个需求，要前端计算时间差进行不同的页面展现。
从接口拿回来的开始和结束时间 都是这样的"2022-03-21"

我寻思，就new Date(starDate).getTime() - new Date(endDate).getTime() 不就行了。

果然掉坑里了，ios不认识 “-” 只认 “/”

	new Date(starDate.replace(/-/g, '/')).getTime()
tomato西红柿
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
H5 IOS Android 通用日期控件
05-01
NULL 博文链接：https://tangzongyun.iteye.com/blog/2405816
Js new Date()方法移动端兼容 ios
weixin_42136202的博客
02-06 3022
//直接: let str = '2019-11-09 10:13:21'; // 这种格式 ios不兼容使用new date() >==> NaN str = str.replace(/\-/g, "/"); // 兼容ios '2019/11/09 10:13:21' let iosstr = '2019/11/09 10:13:21'; // 兼容ios写法
苹果iosH5获取时间new Date()问题
weixin_41899628的博客
01-26 1261
项目场景： 某H5页面中有一项业务，有一个第三方接口暂停提供了服务了，就写了个倒计时获取时间，到点后，弹出一个置灰框提示暂停服务 问题描述： 但在苹果h5中 "new Date(time).getTime()"在ios返回NaN 原因分析： Note: 需要注意的是只能通过调用 Date 构造函数来实例化日期对象：以常规函数调用它（即不加 new 操作符）将会返回一个字符串，而不是一个日期对象。另外，不像其他JavaScript 类型，Date 对象没有字面量格式。 解决方案： 如果想多个浏览器都能使用，
H5单个日期控件
07-13
H5端日期控件，由酒店预定时间控件改过来的，很实用，欢迎下载
手机上无法显示日期值，使用h5的Input type="date"
weixin_33698043的博客
12-01 711
2019独角兽企业重金招聘Python工程师标准>>> ...
h5-jsbridge:Javascript桥androidios webview
05-24
H5-JSBridgeJavascript bridge / webviewInstallnpm install h5-jsbridge --saveUseimport JsBridge from 'h5-jsbridge'/** * 函数描述：js注册方法给app调用 * * jsBridge.registerHandler(name, callback(data, ...
javascript中日期函数new Date()的浏览器兼容性问题
10-23
主要介绍了javascript中日期函数new Date()的浏览器兼容性问题,需要的朋友可以参考下
JavaScript 项目-wechat-h5-boilerplate.zip
08-27
为腾讯微信优化的 HTML5 动效模板，帮助你快速构建全屏滚动型 HTML5 页面，示例
如何解决日期函数new Date()浏览器兼容性问题
10-16
在JavaScript中，`new Date()` 是一个常用的构造函数，用于创建日期对象。然而，这个函数在不同的浏览器中可能存在兼容性问题，特别是在处理非标准日期字符串格式时。在本文中，我们将深入探讨这个问题，并提供解决...
js Date()日期函数浏览器兼容问题解决方法
weixinhmz的博客
08-18 61
js Date()日期函数浏览器兼容问题解决方法
时间格式在ios和安卓兼容性的问题
qq_41621896的博客
12-16 1967
时间格式在ios和安卓兼容性的问题，在安卓中时间正常显示， ios中显示NAN 原因 后端返回的数据格式为：2021-12-15 20:16:34 IOS系统只识别 " / " 不识别 " - ". 并且Android可以兼容掉空格，但苹果会老老实实读出来 1：后端返回的是字符串格式 var time = ‘2021-12-15 20:16:34’； 不兼容的代码是： var newDate = new Date(time ); 兼容性代码： var time = time && (tim
解决js newDate()苹果手机日期格式显示NaN
qq_32460751的博客
12-28 5226
例：2018-12-28 15:00:00  1.   var  newDate = new Date("2018-12-28 15:00:00")         这种获取的时间在安卓手机上显示是正常的，在苹果手机上显示NaN  2.  var  newDate = new Date("2018/12/28 15:00:00")        这种获取的时间在安卓和苹果手机上都显示正常 ...
iosselect移动端H5的picker插件（一到多级联动，时间日历插件）
hangGe0111的博客
08-22 5626
1.详情参考：https://github.com/zhoushengmufc/iosselect 2.效果 （1）一级级联，银行选择（http://zhoushengfe.com/iosselect/demo/one/bank.html） （2）二级级联，三国杀将领组合选（http://zhoushengfe.com/iosselect/demo/two/sanguokill.html） ...
new date().getTime()在iOS上的兼容性问题
huangfuyk.的博客
09-27 547
【问题】 h5项目中用到了获取某一时刻的时间戳，与当前服务器的时间作比较，测试发现在pc端以及安卓手机都正常，但是在iOS中未生效。 【原因】 iOS中需要把时间里面的‘-’改为‘/’。 【方法】 new Date(date.replace(/-/g,'/')).getTime(); 例： let date = new（“2021-09-15 22:22:22”）.getTime(); 改成以下形式即可： var date = new（“2021/09/15 22:22:22”）.getTime();
h5在ios中new Date().getTime()返回null，播放视频只能全屏
youyudexiaowangzi的专栏
06-20 782
今天发现一个bug，时间处理异常，安卓是没问题，逐步排查发现问题出在时间字符串转时间戳的地方，new Date("2020-06-18 19:00:00").getTime()返回NAN，但是在windows的chrome浏览器控制台中调试一点问题都没有，于是 console.log(1, new Date("2020-01-01 01:01:01").getTime()) console.log(1, new Date("2020-06-01 01:01:01").getTime()) console
js中获取时间new Date()详细介绍
热门推荐
adobe1992
04-13 7万+
1、var myDate = new Date(); Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 ge
IOS H5兼容性问题及解决方案记录
心动的博客
04-25 887
日期兼容性问题 const t = '2021-09-10'; // 在ios中 会报错 invalid Date new Date（t）; // invalid Date new Date('2021/09/10') // ios 可以正确识别 这种格式的日期 overflow 导致的 问题 <div class='parent'> <div class='child'> <img src='xxx' /..
html5中new Date在ios中出现Invalid Date
赵威的博客
12-04 6666
1、在做html5开发时，html5需要嵌入在手机中，当然有ios版本的。这个过程中遇到一个问题，就是new Date（"2015-12-04"）形式，ios版本解析不了，出现Invalid Date. 我勒个擦，居然还能这样。于是网上找资料，找到这样一篇文章。 在做Mobile终端的Website开发中，我遇到一个很懊恼的问题。      在IOS5以上版本（不
h5页面上时间格式化
扮老虎的猪
04-19 7244
h5页面会应到到PC、Android、IOS，但是，我们经常用到的new Date().Format(' ') 有可能不兼容所有的系统。最近在做h5时，遇到ios不识别'2017-03-12 12:09'，返回的是NaN，网上查了一些方法，做下总结： 封装的一些时间格式方法： 1.时间格式化 Date.prototype.Format = function(fmt) { var o
怎么解决filter: drop-shadow;属性在ios上兼容问题
最新发布
07-15
要解决filter: drop-shadow;属性在iOS上的兼容问题，有几种方法可以尝试： 1. 使用其他方法实现阴影效果：您可以尝试使用其他CSS属性或技术来实现类似的阴影效果，如box-shadow属性或使用图片作为阴影效果。 2. 使用JavaScript库：您可以使用一些JavaScript库来模拟阴影效果，如Shadows.js或其他类似的库。这些库可以帮助您在不支持filter属性的浏览器上实现类似的效果。 3. 检测并提供替代方案：您可以使用JavaScript来检测用户的浏览器和设备，如果检测到使用iOS的Safari浏览器并且不支持filter属性，您可以提供一个替代方案，如使用box-shadow属性或其他方法来模拟阴影效果。 请注意，以上方法并不是完美的解决方案，每种方法都有其自身的限制和适用条件。最好的做法是进行充分的测试，并根据您的需求和目标设备来选择最合适的解决方案。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值