最近在做小程序的开发,不可避免的会出现兼容性的问题,在这做个总结,在社区其实也有回答,但都不太满意,所以自己总结一下,加深印象。
问题的场景是这样子的。后台传给前端的是一个datatime类型的Date,而我们前端展示的时候需要显示距离现在有多久,这是一个非常常见的需求。只需根据后台传过来的Date得到时间戳,然后现在的时间戳减去数据库中的,再去做一系列的计算即可。
但是问题是什么呢???因为iOS下无法识别2019-11-20的这种形式,只能识别2019/11/20这种形式,所以导致一直出错(小声逼逼:为啥后台传过来的时候不传一个时间戳呢,多此一举。但是莫得办法啊,他传过来就是一个Date,只能忍受了啊)那要怎么办呢?
解决方案,先去判断是啥系统,这个可以通过小程序的wx.getSystemInfo()这个接口来实现。然后如果是安卓那没问题,直接得到时间戳即可, 如果是iOS,那就先改成能识别的再去转换。
判断的核心代码
wx.getSystemInfo({
success: function(res) {
console.log("机型"+res.platform)
if(res.platform == "ios"){
console.log("iOS下的时间转化值:"+Date.parse(value))
diffValue = now - new Date(Date.parse(value))-1000*60*60*8
}else{
diffValue = now - new Date(dateTimeStamp).getTime();
}
},
})
整个工具方法代码(虽然代码显得很冗余,但是胜在清晰啊)
function getDateDiff(dateTimeStamp) {
var value = dateTimeStamp.toString().replace(/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2}).*$/, '$1 $2').replace(/-/g, '/')
var minute = 1000 * 60;
var hour = minute * 60;
var day = hour * 24;
var halfamonth = day * 15;
var month = day * 30;
var now = new Date().getTime();
//区分用户的机型
var tempTime = ''
var diffValue = ''
wx.getSystemInfo({
success: function(res) {
console.log("机型"+res.platform)
if(res.platform == "ios"){
console.log("iOS下的时间转化值:"+Date.parse(value))
diffValue = now - new Date(Date.parse(value))-1000*60*60*8
}else{
diffValue = now - new Date(dateTimeStamp).getTime();
}
},
})
if (diffValue < 0) {
return;
}
var monthC = diffValue / month;
var weekC = diffValue / (7 * day);
var dayC = diffValue / day;
var hourC = diffValue / hour;
var minC = diffValue / minute;
var result = '';
if (monthC >= 1) {
result = "" + parseInt(monthC) + "月前";
} else if (weekC >= 1) {
result = "" + parseInt(weekC) + "周前";
} else if (dayC >= 1) {
result = "" + parseInt(dayC) + "天前";
} else if (hourC >= 1) {
result = "" + parseInt(hourC) + "小时前";
} else if (minC >= 1) {
result = "" + parseInt(minC) + "分钟前";
} else
result = "刚刚";
return result;
}