美文网首页
移动端日期时间兼容性 之 “坑”

移动端日期时间兼容性 之 “坑”

作者: AMONTOP | 来源:发表于2020-02-19 18:43 被阅读0次

1、js时间函数getTime() 在苹果手机上返回NaN的问题
在苹果手机上时间格式使用“/” 隔开表示。

const start_time = '2019-10-21 00:00:00'
const start = (new Date(start_time.replace(/-/g, '/'))).getTime()     // 得到时间戳

2、获取当天时间的23:59:59的时间戳

getToday () {
   var myDate = new Date()
   myDate.getFullYear() // 获取完整的年份
   myDate.getMonth() // 获取当前月份(0-11,0代表1月)
   myDate.getDate() // 获取当前日(1-31)
   const today = myDate.getFullYear() + '/' + (myDate.getMonth() + 1) + '/' + myDate.getDate() + ' ' + '23:59:59'
   return new Date(today).getTime()
}

3、时间范围比较 (时间戳的比较)

const start = (new Date(item.Data.start_time.replace(/-/g, '/'))).getTime()
const end = (new Date(item.Data.end_time.replace(/-/g, '/'))).getTime() + 24 * 60 * 60 * 1000 - 1
const today = this.getToday()
if (today < start) { // 未开始
 this.recordInfo.dateStatu = 1
} else if (today > end) { // 已结束
 this.recordInfo.dateStatu = 3
} else { // 进行中
 this.recordInfo.dateStatu = 2
}

相关文章

  • 移动端日期时间兼容性 之 “坑”

    1、js时间函数getTime() 在苹果手机上返回NaN的问题在苹果手机上时间格式使用“/” 隔开表示。 2、获...

  • 2019-08-12 js题

    移动端和PC端有什么区别 PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性、 CSS3的动画在移动...

  • 华为浏览器的坑

    本来以为移动端写起来不用考虑太多兼容性的问题,结果华为手机出现了各种坑。先找找资料记录下:

  • CSS动画秒表

    用CSS和JS做的动画秒表,有显示时间模式和秒表模式~做了点移动端优化,兼容性坑太大并没有全部优化,动画用的是we...

  • 移动端网页特效

    移动端浏览器兼容性较好,不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地...

  • 移动端开头

    移动端开头 2.解决360浏览器兼容性问题

  • 移动端

    移动端开发和 PC 端开发有哪些区别 移动端 考虑手机兼容性 使用触屏事件 布局自适应rem 动画处理CSS3 移...

  • H5移动端爬坑

    H5移动端爬坑

  • 移动端日期选择

    自己修改源的源码更加方便好用!粘贴即用,不明白的可以问我wx: xin32934 Mdate.js 是一款依托于i...

  • 旋转木马轮播图

    介绍 支持pc、移动端pc左右箭头控制移动端左右滑动 兼容性 ie >= 10其他主流浏览器都支持 使用文档: 注...

网友评论

      本文标题:移动端日期时间兼容性 之 “坑”

      本文链接:https://www.haomeiwen.com/subject/cnxzfhtx.html