欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

搞定国际日期格式!用JS如何轻松应对?

最编程 2024-08-03 20:34:20
...

最近做项目,发现一个坑!

坑的详情如下:

后端展示的时间是2019/12/27,而在苹果手机上显示的时间却是2019/12/28,然而我在本地pc端展示的时间和后端一致,并且安卓手机(华为、小米)的时间展示和后端也一致,设置为英文语言的苹果手机时间显示也无误(只是时间显示顺序有问题,倒序),唯独设置为中文语言的苹果手机却出现了快进一天的结果~~~

(库克在乔布斯剧院开发布会了,这会不会和位于美国的iOS系统有关呢?)

再看我之前写的猴代码:

猴子代码方案一:

let time = new Date(time).toLocaleString()     //  错的哦!不能实现全球化接轨!


猴子代码方案二:

let time = new Date(time).toLocaleDateString()  //  错的哦!也不能实现全球化接轨!


猴子代码方案三:

 let y = new Date(time).getFullYear() // 当前年份

 let m = new Date(time).getMonth() // 当前月份

 let d = new Date(time).getDate() // 当前日期

 return y + '/' + (m + 1) + '/' + d 


// 别看方案三代码多,中规中矩,依然错哦!

真正和国际接轨的时间格式化代码在这!!!!⬇️

// 时间格式化

    fmtTime (time) {

      // console.log(time)
      // 页面解析过程中,先解析得到DOM,但尚未获取数据,所以dom中的formate解析的值为undefined.
      // 需要在解析的开始时,进行判断:数据接口获取的time时间格式为字符串,所以time的类型作为条件来判断
      if (typeof time !== 'string') {
        return ' ' // 如果不符合条件,则返回空
      }

      // 为了适配各种机型,需要把时间转换为符合国际化标准的时间格式,避免iOS和安卓系统不一致

      // console.log(time.replace(/-/g, '/'))

      let time1 = new Date(time.replace(/-/g, '/').replace('T', ' ')).toISOString() // 转为国际标准化时间


      // 截取time前面的年月日
      let time2 = time1.split('T')[0]
  


      // 将年月日的‘-’替换为‘/’
      let time3 = time2.replace('-', '/')


      let time4 = time3.replace('-', '/')

      return time4
    }

这个照搬自己的代码,贴过来的,下次遇到这种问题要细细分析! 希望能帮到同样站在坑边的朋友们!

重中之重: let time1 = new Date(time.replace(/-/g, '/').replace('T', ' ')).toISOString() // 转为国际标准化时间