由于业务需求要做一个评论功能，评论的时间要求是多久前。

评论列表友好显示时间，显示多久时间前评论

思路：

获取后台返回的时间戳与本地时间戳的差值，差值就是多久前评论的时间
通过比较差值与60秒，1小时，2天大小，判断是多少秒前，多少分钟前，昨天，前天，或具体日期具体可看代码

代码已经封装，可以放到独立的js文件作为单独的工具函数使用
/* eslint-disable */
// 分，时，天，转秒
const DATE_CONFIG = {
  m: 60,
  h: 3600,
  d: 86400,
  daysOfYeay: 365
}

// 毫秒转秒
export function millisecond2Second(millisecond) {
  return Math.round(millisecond / 1000)
}

// 计算时间戳之间的秒差
export function relativeSeconds(startStamp, endStamp) {
  if (endStamp) {
    return millisecond2Second(endStamp - startStamp)
  } else {
    const endStamp = new Date().valueOf()
    return millisecond2Second(endStamp - startStamp)
  }
}

// 秒转时分秒
export function seconds2Date(seconds) {
  const dateObj = {
    h: 0,
    m: 0,
    s: 0
  }
  if (seconds < DATE_CONFIG.m) {
    dateObj.s = seconds
    return dateObj
  } else if (seconds < DATE_CONFIG.h) {
    dateObj.m = Math.round(seconds / DATE_CONFIG.m)
    return dateObj
  } else if (seconds < DATE_CONFIG.d) {
    dateObj.h = Math.round(seconds / DATE_CONFIG.h)
    return dateObj
  }
  return dateObj
}

// 获取两个日期之间的相隔天数
export function relativeDays(startStamp, endStamp) {
  return new Date(endStamp).diff(new Date(startStamp), 'day')
}

// 获取两个日期之间的相隔多少年
export function relativeYears(startStamp, endStamp) {
  return new Date(endStamp).year() - new Date(startStamp).year()
}

/**
 * 人性化显示时间
 *
 * @param {number | string} date 时间（时间戳或者字符）默认是时间戳
 * @param {object} [options] 配置项(可选)
 * @param {boolean} options.isString 指定date类型：默认是false. false:数字时间戳 true: YYYY-MM-DD HH:mm:ss (ISO 8601 string)
 * @param {number} options.adjustVal 校正值。单位秒。即两时间相差{adjustVal}显示为刚刚。默认：0
 */
export function getHumanDate(date, options = {}) {
  const { isString, adjustVal = 0, needYesterday = false, monthAndDay = false } = options
  const startTemp = date
  const currDate = new Date().valueOf()
  const relativeS = relativeSeconds(startTemp, currDate)

  if (Math.abs(relativeS) <= adjustVal) {
    return '刚刚'
  }

  // 时间戳可能由服务器生成，会跟本地时间有误差。
  if (relativeS <= 0 && Math.abs(relativeS) > adjustVal) {
    return `未来 ${new Date(startTemp).format('yyyy-MM-dd hh:mm')}`
  }

  if (relativeS < DATE_CONFIG.m) {
    return `${relativeS}秒前`
  } else if (relativeS < DATE_CONFIG.h) {
    return `${seconds2Date(relativeS).m}分钟前`
  } else if (relativeS < DATE_CONFIG.d) {
    return `${seconds2Date(relativeS).h}小时前`
  } else if (needYesterday && relativeDays(startTemp, currDate) === 1) {
    return `昨天 ${new Date(startTemp).format('hh:mm')}`
  } else if (needYesterday && relativeDays(startTemp, currDate) === 2) {
    return `前天 ${new Date(startTemp).format('hh:mm')}`
  } else if (monthAndDay && relativeYears(currDate, startTemp) === 0) {
    return new Date(startTemp).format('MM-dd hh:mm')
  } else {
    return new Date(startTemp).format('yyyy-MM-dd')
  }
}

不管是设置相对当前时间有多久时间差的时间，统一思路为：先获取当前时间的时间戳，再根据需求加减时间获得新的时间戳，然后取年月日与时分秒。实例如下：


  // 设置默认时间——先转化为毫秒数，加上 20 分钟的毫秒数，再转化回来
  setDefaultTime() {
    let t = new Date().getTime() + 1200000;
    let d = new Date(t);
    let theMonth = d.getMonth() + 1;
    let theDate = d.getDate();
    let theHours = d.getHours();
    let theMinutes = d.getMinutes();
    if (theMonth < 10) {
      theMonth = '0' + theMonth
    }
    if (theDate < 10) {
      theDate = '0' + theDate
    }
    if (theHours < 10) {
      theHours = '0' + theHours
    }
    if (theMinutes < 10) {
      theMinutes = '0' + theMinutes
    }
    let date = d.getFullYear() + '-' + theMonth + '-' + theDate
    let time = theHours + ':' + theMinutes
    let Spare = date + ' ' + time
    console.log(date)
    console.log(time)
    console.log(Spare)
  },

 

计算获取的那个时间距离现在多久


function timeago(dateTimeStamp){   //dateTimeStamp是一个时间毫秒，注意时间戳是秒的形式，在这个毫秒的基础上除以1000，就是十位数的时间戳。13位数的都是时间毫秒。

        var minute=1000*60;      //把分，时，天，周，半个月，一个月用毫秒表示

        var  hour=minute*60;
        var day=hour*24;
        var week=day*7;

        var halfamonth=day*15;
        var month=day*30;
    

        var  now=new Date().getTime();   //获取当前时间毫秒
        var diffValue=now-dateTimeStamp；//时间差
      

        if(diffValue<0){return;}


        var  minC=diffValue/minute;  //计算时间差的分，时，天，周，月

        var  hourC=diffValue/hour;
        var  dayC=diffValue/day;

       var  weekC=diffValue/week;    


        var  monthC=diffValue/month;


       if(minC>=1){
         result=" "+parseInt(minC)+"分钟前"

          }

   
     else  if(hourC>=1){
         result=" "+parseInt(hourC)+"小时前"

          }

    else    if(dayC>=1){
         result=" "+parseInt(dayC)+"天前"

          }

   else    if(weekC>=1){
         result=" "+parseInt(weekC)+"周前"

          }

   else    if(monthC>=1){
         result=" "+parseInt(monthC)+"月前"

          }
    else{
    result="刚刚";

    }  



 return result；
}




引用这个函数
timeage(1489821062951)



得到的形式：类似于，刚刚、2天前、2个月前

做项目的时候后台传到前台的时间格式都是时间戳，要是前台直接显示时间的话略显普通，若是将其转换成多久以前的发表的会不会觉得更好些呢？
例如我们所在的 微信小程序俱乐部：




那么如何写一个微信小程序的时间戳转换工具呢？附上小程序时间戳转换效果图：



源码

timestamp.wxml

<view class="v_beforetime">转换前：{{time}}</view>

<view class="v_aftertime">转换后：{{aftertime}}</view>

<button class="btn_changeTimestamp" bindtap="changeTimestamp"> 转换 </button>

timestamp.wxss

.page{

    height: 100%;

    width: 100%;

}



.btn_changeTimestamp{

    width:400rpx;

    height:100rpx;

    margin-top: 20rpx;

    background:#0099FF;

}



.v_beforetime{

    margin-top: 20rpx;

    background:#C0C0C0;

}

.v_aftertime{

    margin-top: 20rpx;

    background:#FF0000;

}

timestamp.js

// 时间戳转换成刚刚、几分钟前、几小时前、几天前



//刚刚

var just = new Date().getTime();



//几分钟前

var afewminutesago  = new Date("Nov 29, 2016 00:50:00").getTime();



//几周前

var afewweekago  = new Date("Nov 29, 2016 00:50:00").getTime();



//几年前

var someday = new Date("Nov 21, 2012 01:15:00").getTime();



var helloData = {

    time: afewweekago

}



function getDateDiff(dateTimeStamp){

  var result;

    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 diffValue = now - dateTimeStamp;

    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;

    if(monthC>=1){

    if(monthC<=12)

          result="" + parseInt(monthC) + "月前";

    else{

      result="" + parseInt(monthC/12) + "年前";

    }

    }

    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;

};



Page({

    data: helloData,

    changeTimestamp: function (e) {

        var that = this;

        this.setData({

            aftertime: getDateDiff(that.data.time)

        })

    }

})

`
实例下载请戳原文：http://bbs.jointforce.com/topic/24571