时间格式化

• 方式一：自写过滤器
• 方式二：date-fns插件

方式一：自写过滤器

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,格式化,fns,padStart,时间,date,const,dt
来源： https://blog.csdn.net/qq_44631273/article/details/104097541