时间格式化

时间格式化

方式一:自写过滤器

Vue.filter('dateFormat',function(originVal){
	const dt = new Date(originVal)
	
	const y = dt.getFullYear()
	const m = (dt.getMonth() + 1 + '').padStart(2,'0')
	const d = (dt.getDate() + '').padStart(2,'0')	

	const hh = (dt.getHours() + '').padStart(2,'0')
	const mm = (dt.getMinutes() + '').padStart(2,'0')
	const ss = (dt.getSeconds() + '').padStart(2,'0')
	
	return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

方式二:date-fns插件

npm install date-fns --save
src => filters => index.js

import Vue from 'vue'

import format from 'date-fns/format'

Vue.filter('dateFormat',(value,formatStr='yyyy-MM-dd HH:mm:ss') => {
    return format(value,formatStr)
})

src => main.js
import ./filters

时间格式化时间格式化 亲爱的, 发布了5 篇原创文章 · 获赞 0 · 访问量 66 私信 关注
上一篇:vue小案例之品牌列表


下一篇:Vue学习笔记【12】——过滤器