使用moment.js结合filter过滤器格式化时间
Posted 老是坑自己
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用moment.js结合filter过滤器格式化时间相关的知识,希望对你有一定的参考价值。
<td>{{item.ctime | timeFormat(‘yyyy-MM-dd‘)}}</td> //pattern = "" 形参的默认值,如果传过来的是undefined则为空 Vue.filter(‘timeFormat‘,function(timestr,pattern = ""){ var date = new Date(timestr) var y = date.getFullYear() var m = (date.getMonth()+1).toString().padStart(2,‘0‘) //padStart(位数,‘填充字符‘) 不足位数的填充,padEnd往后填充 var d = date.getDate().toString().padStart(2,‘0‘) if(pattern.toLowerCase()==‘yyyy-mm-dd‘){ return `${y}-${m}-${d}` }else{ var hh = date.getHours() var mm = date.getMinutes() var ss = date.getSeconds() return `${y}-${m}-${d} ${hh}:${mm}:${ss}` } })
import moment from ‘moment‘ Vue.filter(‘timeformat‘,function(msg,pattern="YYYY_MM_DD HH:MM:SS"){ return moment(msg).format(pattern) })
以上是关于使用moment.js结合filter过滤器格式化时间的主要内容,如果未能解决你的问题,请参考以下文章
处理相对时间(Day.jsMoment.js)(案例:结合vue的过滤器使用)