VUE过滤器的使用 vue 时间格式化

官方教程地址：https://cn.vuejs.org/v2/guide/filters.html

过滤器常被用于一些文本格式化

vue时间格式化

创建Date.js

 var dateFormat = { padLeftZero: function (str) { return ('00' + str).substr(str.length) }, formatDate: function (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHours(), 'm+': date.getMinutes(), 's+': date.getSeconds() } for (let k in o) { if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] + '' fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : this.padLeftZero(str)) } } return fmt } } export default dateFormat; 

引入Date.js

 import dateFormat from './assets/js/Date' 

创建过滤器

 filters: { formatDate(time) { let date = new Date(time); return dateFormat.formatDate(date, "yyyy.MM.dd"); } },

应用过滤器

 <p>{{item.createDate | formatDate}}</p>