vue时间戳转换

vue时间戳转换

main.js操作

将下面的代码写到main.js中

Vue.filter("Date", function (val, format) {
     
  try {
     
    val = val.replace(/\-/g, "/");
  } catch (e) {
     }
  var date = new Date(val);
  function doubleVal(val) {
     
    if (val < 10) {
     
      val = '0' + val;
    }
    return val;
  }
  var Y = doubleVal(date.getFullYear()),
    M = doubleVal(date.getMonth() + 1),
    D = doubleVal(date.getDate()),
    H = doubleVal(date.getHours()),
    I = doubleVal(date.getMinutes()),
    S = doubleVal(date.getSeconds());
  var transDate = null;
  switch (format) {
     
    case 'YMD':
      transDate = Y + '-' + M + '-' + D;
      break;
    case 'YMDHIS':
      transDate = Y + '-' + M + '-' + D + ' ' + H + ':' + I + ':' + S;
      break;
    case 'YMDHI':
      transDate = Y + '-' + M + '-' + D + ' ' + H + ':' + I;
      break;
    case 'MDHI':
      transDate = M + '-' + D + ' ' + H + ':' + I;
      break;
    case 'HI':
      transDate = H + ':' + I;
      break;
      case 'HIS':
      transDate =  H + ':' + I + ':' + S;
      break;
  }
  return transDate;
});
Vue.filter("DateDiff", function (val) {
     
  var sDate = new Date();
  var eDate = new Date(val);
  var sTime = new Date(Date.parse(sDate)).getTime();
  var eTime = new Date(Date.parse(eDate)).getTime();
  var days = Math.ceil((eTime - sTime) / (1000 * 60 * 60 * 24));
  if (days < 0) {
     
    days = 0
  }
  return days;
});

HTML部分

classroomTime是时间戳如同1587109614000这个时间戳
{ {classroomTime| Date(‘YMDHIS’)}}年月日小时分秒
{ {classroomTime | Date(‘YMD’)}}年月日
{ {classroomTime| Date(‘HIS’)}}小时分秒
{ {classroomTime | Date(‘YMDHI’)}}年月日小时分
{ {classroomTime| Date(‘MDHI’)}}月日小时
{ {classroomTime| Date(‘HI’)}}小时分钟