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')