搞定国际日期格式!用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() // 转为国际标准化时间