filters与moment过滤时间

// 安装 moment

npm i moment 

 

// 引入moment

<script src="./vue.js"></script>
<script src="./node_modules/moment/moment.js"></script>
 
// html里使用
 
<div id="app">
  <!-- | 叫做:管道符 -->
  <!-- 过滤器的语法:要格式化的数据 管道符号 过滤器名称 -->
  <h1>{{ myDate | date('YYYY') }}</h1>
  <h1>{{ myDate | date('YYYY-MM-DD HH:mm:SS') }}</h1>
</div>
 
// data准备数据
 
data: {
  myDate: new Date()
},
 
//
 
// 局部过滤器:
 
filters: {
  // 对象的键表示过滤器名称
  // 对象的值表示使用过滤器时,要执行的函数
  // 注意:不要使用箭头函数来创建过滤器(methods 中也不能用箭头函数,但是方法内部可以用)
  date(input, format = 'YYYY-MM-DD HH:mm:SS') {
    return moment(input).format(format)
  }
}
 
 
 
 
 
 
 
posted @ 2018-08-26 16:38  cecelingmeng  阅读(158)  评论(0编辑  收藏  举报