小程序多久前时间显示iOS下异常的解决

最近在做小程序的开发,不可避免的会出现兼容性的问题,在这做个总结,在社区其实也有回答,但都不太满意,所以自己总结一下,加深印象。

问题的场景是这样子的。后台传给前端的是一个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;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值