首页 > 其他 > 详细

filters与moment过滤时间

时间:2018-08-26 17:36:27      阅读:226      评论:0      收藏:0      [点我收藏+]

// 安装 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过滤时间

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!