vue时间戳转换

最新推荐文章于 2024-08-30 17:32:32 发布

2223811201

最新推荐文章于 2024-08-30 17:32:32 发布

阅读量257

点赞数

分类专栏： vue时间戳转换文章标签： vue.js

本文链接：https://blog.csdn.net/qq_43626318/article/details/105583836

版权

vue时间戳转换专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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’)}}小时分钟