码迷,mamicode.com
首页 > 其他好文 > 详细

filters与moment过滤时间

时间:2018-08-26 18:13:09      阅读:512      评论:0      收藏:0      [点我收藏+]

标签:符号   函数   inpu   htm   filter   过滤   date()   method   方法   

// 安装 moment

npm i 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)
  }
}
 
 
 
 
 
 
 

filters与moment过滤时间

标签:符号   函数   inpu   htm   filter   过滤   date()   method   方法   

原文地址:https://www.cnblogs.com/congtt/p/9537772.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!