1. export default{
  2.     // 计算当前日期星座
  3.     getHoroscope(date) {
  4.       let c = ['摩羯','水瓶','双鱼','白羊','金牛','双子','巨蟹','狮子','处女','天秤','天蝎','射手','摩羯']
  5.       date=new Date(date);
  6.       let month = date.getMonth() + 1;
  7.       let day = date.getDate();
  8.       let startMonth = month - (day - 14 < '865778999988'.charAt(month));
  9.       return c[startMonth]+'座';
  10.     },
  11.     // 计算指定时间与当前的时间差
  12.     sumAge(data){
  13.         let dateBegin = new Date(data.replace(/-/g, "/"));
  14.         let dateEnd = new Date();//获取当前时间
  15.         let dateDiff = dateEnd.getTime() - dateBegin.getTime();//时间差的毫秒数
  16.         let dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
  17.         let leave1=dateDiff%(24*3600*1000)    //计算天数后剩余的毫秒数
  18.         let hours=Math.floor(leave1/(3600*1000))//计算出小时数
  19.         //计算相差分钟数
  20.         let leave2=leave1%(3600*1000)    //计算小时数后剩余的毫秒数
  21.         let minutes=Math.floor(leave2/(60*1000))//计算相差分钟数
  22.         //计算相差秒数
  23.         let leave3=leave2%(60*1000)      //计算分钟数后剩余的毫秒数
  24.         let seconds=Math.round(leave3/1000)
  25.         return dayDiff+"天 "+hours+"小时 ";
  26.     },
  27.     // 获取聊天时间（相差300s内的信息不会显示时间）
  28.     getChatTime(v1,v2){
  29.         v1=v1.toString().length<13 ? v1*1000 : v1;
  30.         v2=v2.toString().length<13 ? v2*1000 : v2;
  31.         if(((parseInt(v1)-parseInt(v2))/1000) > 300){
  32.             return this.gettime(v1);
  33.         }
  34.     },
  35.     // 人性化时间格式
  36.     gettime(shorttime){
  37.         shorttime=shorttime.toString().length<13 ? shorttime*1000 : shorttime;
  38.         let now = (new Date()).getTime();
  39.         let cha = (now-parseInt(shorttime))/1000;
  41.         if (cha < 43200) {
  42.             // 当天
  43.             return this.dateFormat(new Date(shorttime),"{A} {t}:{ii}");
  44.         } else if(cha < 518400){
  45.             // 隔天 显示日期+时间
  46.             return this.dateFormat(new Date(shorttime),"{Mon}月{DD}日 {A} {t}:{ii}");
  47.         } else {
  48.             // 隔年 显示完整日期+时间
  49.             return this.dateFormat(new Date(shorttime),"{Y}-{MM}-{DD} {A} {t}:{ii}");
  50.         }
  51.     },
  53.     parseNumber(num) {
  54.         return num < 10 ? "0" + num : num;
  55.     },
  57.     dateFormat(date, formatStr) {
  58.         let dateObj = {},
  59.             rStr = /\{([^}]+)\}/,
  60.             mons = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];
  62.         dateObj["Y"] = date.getFullYear();
  63.         dateObj["M"] = date.getMonth() + 1;
  64.         dateObj["MM"] = this.parseNumber(dateObj["M"]);
  65.         dateObj["Mon"] = mons[dateObj['M'] - 1];
  66.         dateObj["D"] = date.getDate();
  67.         dateObj["DD"] = this.parseNumber(dateObj["D"]);
  68.         dateObj["h"] = date.getHours();
  69.         dateObj["hh"] = this.parseNumber(dateObj["h"]);
  70.         dateObj["t"] = dateObj["h"] > 12 ? dateObj["h"] - 12 : dateObj["h"];
  71.         dateObj["tt"] = this.parseNumber(dateObj["t"]);
  72.         dateObj["A"] = dateObj["h"] > 12 ? '下午' : '上午';
  73.         dateObj["i"] = date.getMinutes();
  74.         dateObj["ii"] = this.parseNumber(dateObj["i"]);
  75.         dateObj["s"] = date.getSeconds();
  76.         dateObj["ss"] = this.parseNumber(dateObj["s"]);
  78.         while(rStr.test(formatStr)) {
  79.             formatStr = formatStr.replace(rStr, dateObj[RegExp.$1]);
  80.         }
  81.         return formatStr;
  82.     },
  83.     // 获取年龄
  84.     getAgeByBirthday(data){
  85.         let birthday=new Date(data.replace(/-/g, "\/")); 
  86.         let d=new Date(); 
  87.         return d.getFullYear()-birthday.getFullYear()-((d.getMonth()<birthday.getMonth()|| d.getMonth()==birthday.getMonth() && d.getDate()<birthday.getDate())?1:0);
  88.     }
  89. }

gettime使用,filters使用

过滤器使用方式

  1. import $T from '@/common/time.js'
  2. // 过滤器
  3. filters: {
  4.   formatTime(value) {
  5.     return $T.gettime(value)
  6.   }
  7. },
  1. <text class="font-sm text-secondary">{{item.update_time | formatTime}}</text>