vue 时间戳格式化

公用方法

在src目录下新建公用的js文件,如common.js

//日期格式化
export const formatDate = (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 : padLeftZero(str))
		}
	}
	return fmt
}

function padLeftZero(str) {
	return ('00' + str).substr(str.length)
}

在vue中引入 引入方法需要加{  }

import {formatDate} from '../config/common.js'

//日期过滤器

  filters:{
    formatDate (time){
      let date = new Date(time)
      return formatDate(data,'yyyy-MM-dd hh:mm') //年-月-日 时分
    }
  }

template中这样使用

<div class='timeStyle'>{{time | formatDate}}</div>