使用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的过滤器使用)

模拟 es6 模块返回工厂函数(moment.js)

vue 中timestamp的用法

如何在 Vue 模板内的 Moment.js 格式化程序上转义 HTML 字符串?

jQuery时间格式插件-moment.js的使用

使用 Moment.js 格式化日期