vue中自定义时间戳、金钱和字数限制的过滤器

原创于 2019-04-30 10:41:54 发布 · 381 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#时间戳 #金钱 #过滤器

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在项目中实现时间格式转换和文本长度限制的过滤器方法，包括将时间戳转换为日期时间格式，以及对过长文本进行截断并添加省略号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下是实现方式，可把以下代码直接拷贝到项目中使用

<script>
  filters: {
    moneys: function(e) {
    //这里返回带金钱符号的字符串
      return "$" + e + ".00";
    },
    time: function(timestamp) {
      var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
      var Y = date.getFullYear() + "-";
      var M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      var D = date.getDate() + " ";
      var h = date.getHours() + ":";
      var m = date.getMinutes() + ":";
      var s = date.getSeconds();
      // return Y+M+D+h+m+s;
      //这里返回时间的年月日时分秒，可按项目需求进行修改
      return Y + M + D;
    },
      lowText:function (val) {
        var text = val;
        if(val.length>60){
          text = val.slice(0,60)+'...';
        }
        return text;
      }
  }
关于时间格式转化的方法:
 crtTimeFtt: function (val) {
         if (val != null) {
            var date = new Date(val);
            return date.getFullYear()+'-'+parseInt(date..getMonth() + 1)+'-'+.getDate();
        }
       },
  </script>