07.vue过滤器 filters 简单格式化日期

之前在从数据库取数据时,有一条日期信息,直接取过来是一长串的

之前看 vue 文档时了解一点过滤器,正好借这个日期试一下

filters: {
  // 格式化时间
  time: function (value) {
    let sDate = value.substr(0,10);
    let sTime = value.substr(11,8);
    value = sDate + " " + sTime;
    return value;
  }
}

定义一个time过滤器,返回值是拼接后的字符串

<div class="col-sm-4 col-xs-12">
  <div class="con">{{item.SDATE | time}}</div>
</div>

使用时在要格式化的数据后面加上 " I time " 就可以了

posted @ 2019-11-28 11:36  夜听雪  阅读(208)  评论(0编辑  收藏  举报