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)時間函數(shù)：年月日時分秒:
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)用模板字符串格式輸出標(biāo)準(zhǔn)的時間格式:
return `${year}-${month}-${day} ${hour}:${monent}:${seconds}`
(3)過濾器函數(shù)：
Vue.filter('dataFormat',function(dateStr,pattern=""){
? ??if(pattern.toLowerCase() === 'yyy-mm-dd'){
? ? ? ? return
}
}
（4）過濾器優(yōu)先級：私有過濾器filters >全局過濾器filter
私有過濾器在該vm內(nèi)部創(chuàng)建filters即可涣狗。全局過濾器在外部創(chuàng)建filter，全局可用舒憾。
（5）將時間格式補全镀钓，若數(shù)字一位數(shù)，則都補為兩位數(shù)（在前補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')
