1、源码

<th>{{item.ctime | dataFormat}}</th>


Vue.filter('dataFormat',function(dateStr,pattern=""){

var dt = new Date(dateStr)

var year = dt.getFullYear()

var month = dt.getMonth()

var day = dt.getDate()

if(pattern.toLowerCase() === 'yyy-mm-dd'){

return `${year}-${month}-${day}`

}else{

var hour = dt.getHours()

var monent = dt.getMinutes()

var seconds = dt.getSeconds()

return `${year}-${month}-${day} ${hour}:${monent}:${seconds}`

}

})


2、展示




PS:

(1)时间函数:年月日时分秒:

var dt = new Date(dateStr)

var year = dt.getFullYear()

var month = dt.getMonth()

var day = dt.getDate()

var hour = dt.getHours()

var monent = dt.getMinutes()

var seconds = dt.getSeconds()

(2)用模板字符串格式输出标准的时间格式:

return `${year}-${month}-${day} ${hour}:${monent}:${seconds}`

(3)过滤器函数:

Vue.filter('dataFormat',function(dateStr,pattern=""){

    if(pattern.toLowerCase() === 'yyy-mm-dd'){

        return

}

}

(4)过滤器优先级:私有过滤器filters >全局过滤器filter

私有过滤器在该vm内部创建filters即可。全局过滤器在外部创建filter,全局可用。

(5)将时间格式补全,若数字一位数,则都补为两位数(在前补0)

var hour = dt.getHours().toString().padStart(2,'0')

var monent = dt.getMinutes().toString().padStart(2,'0')

var seconds = dt.getSeconds().toString().padStart(2,'0')