1、示例代码

采用vue单文件组件,使用moment插件格式化日期

<template>
<div>
<h1>{{date | dateFormat}}</h1>
</div>
</template>
<script>
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn'
);
export default {
data() {
return {
date: new Date()
}
},
filters: {
dateFormat(val) {
return moment(val).calendar();
}
}
}
</script>

2、效果

3、说明

过滤器内是没有this引用的,过滤器内的this是undefined,所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。

最新文章

  1. iOS 常用的向上,向下取整, 四舍五入函数
  2. VS.net 2013中使用Git建立源代码管理 版本管理
  3. java四种内部类详解
  4. 算法Sedgewick第四版-第1章基础-001递归
  5. 在windows下创建.gitignore文件
  6. 九、C# 合式类型
  7. iOS由ImageIO.framework实现gif的系统解码
  8. 100+ 值得收藏的 Web 开发资源
  9. JMeter 监控和记录&amp;常用功能
  10. 基于HTML5及WebGl下生成的json格式的工控SCADA风机叶轮旋转
  11. css3学习之旅-css的基本语法(1)
  12. mysql管理工具navicat的快捷键
  13. PMP测试实践- 内附PMBOK中字与备考资料
  14. java使用POI获取sheet、行数、列数
  15. css中用#id.class的形式定义样式,为什么这样用,不直接写成.class.代码如下:#skin_0.selected{}这种的
  16. Java开篇
  17. django admin后台css样式丢失
  18. response乱码和request乱码
  19. (寒假开黑gym)2018 ACM-ICPC, Syrian Collegiate Programming Contest(爽题)
  20. 【linux相识相知】网络属性配置

热门文章

  1. hdu 3666(差分约束,手动栈解决超时问题)
  2. Java多态机制和继承中重写重载
  3. React入门 (2)—实现微博展示列表
  4. Go简单的Goroutine示例
  5. 本地配置环境打开项目出现404/本地wampserver配置伪静态以及php.ini配置
  6. MySQL存储IP地址
  7. poj1860(Bellman—fold)
  8. 5、Flask实战第5天:页面跳转和重定向
  9. 基于 Python + OpenCV 进行人脸识别,视频追踪代码全注释
  10. Scrum 实施中遇到的典型问题