new Date兼容iOS和Android

最新推荐文章于 2025-01-03 15:34:37 发布

MoXinXueWEB

最新推荐文章于 2025-01-03 15:34:37 发布

阅读量2.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：兼容性文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/MoXinXueWEB/article/details/124466322

兼容性专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在iOS和Android上处理后端返回的日期字符串('YYYY-MM-DDHH:mm:ss')，解决因格式差异导致的JavaScript Date构造函数在不同平台上的问题。提供了一个自定义日期转换函数，以及兼容性解决方案，确保在前端正确获取和处理日期时间戳。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

new Date兼容iOS和Android

后端接口返回日期格式：YYYY-MM-DD HH:mm:ss

前端直接拿过来

const date = new Date('2020-11-13 11:28:30') 
const year = date.getFullYear(); // => NaN

发现报错了获取到的值是 NaN

原因：

Android端是兼容以下两种日期格式的（YYYY-MM-dd HH:mm:ss、YYYY/MM/dd HH:mm:ss），所以在Android上允许以上代码是没有问题的。
iOS上只兼容（yyyy/MM/dd HH:mm:ss）格式故需要把YYYY-MM-dd HH:mm:ss转换为`YYYY/MM/dd HH:mm:ss

解决方案：

const inputValue = '2020-11-13 11:28:30';
const str = inputValue.replace(/-/g, '/'); // 2020/11/13 11:28:30
const date = new Date(str) 
// code ...

返回距 1970 年 1 月 1 日之间的毫秒数：(对比时间)

// 不兼容写法
new Date(date).getTime()
// 兼容写法
new Date(data.replace(/-/g,'/')).getTime()

另附：定制时间格式转化Date(兼容IOS)

/**
 * @param format 默认 YYYY-MM-DD HH:mm:ss
 * */
export const dateConvert = (time, format = "YYYY-MM-DD HH:mm:ss") => {
  const date = new Date(time);
  // 这里是为了解决 IOS/Safari 中new Date()的兼容问题 
  if (typeof time == "string") {
    const arr = time && time.split(/[\-\+ :T]/);
    if (arr && arr.length > 0) {
      date.setUTCFullYear(arr[0]);
      date.setUTCMonth(arr[1] - 1);
      date.setUTCDate(arr[2]);
      date.setUTCHours(arr[3]);
      date.setUTCMinutes(arr[4]);
      date.setUTCSeconds(arr[5]);
    }
  }
  const o = {
    "M+": date.getMonth() + 1,                 //月份   
    "d+": date.getDate(),                    //日   
    "D+": date.getDate(),                    //日   
    "h+": date.getHours(),                   //小时   
    "H+": date.getHours(),                   //小时   
    "m+": date.getMinutes(),                 //分   
    "s+": date.getSeconds(),                 //秒   
    "q+": Math.floor((date.getMonth() + 3) / 3), //季度   
    "S": date.getMilliseconds()             //毫秒   
  };
  if (/(y+)|(Y+)/.test(format))
    format = format.replace(RegExp.$1 || RegExp.$2, (date.getFullYear() + "").substr(4 - (RegExp.$1.length || RegExp.$2.length)));
  for (const k in o)
    if (new RegExp("(" + k + ")").test(format))
      format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  return format
}

// 可以把上述函数放入Date.prototype里面，调用更方便。