vue2 日期过滤器使用

2023-06-20  本文已影响0人  泪无痕521

// filter/index.js文件
export default {
dateFormat: value => {
const dt = new Date(value * 1000)

    const y = dt.getFullYear()
    const m = (dt.getMonth() + 1 + '').padStart(2, '0') // .padStart(指定位数,"要补全的符号或值")
    const d = (dt.getDay() + '').padStart(2, '0')
    
    const hh = (dt.getHours() + '').padStart(2, '0')
    const mm = (dt.getMinutes() + '').padStart(2, '0')
    const ss = (dt.getSeconds() + '').padStart(2, '0')
    
    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
}

}

// 在 .vue 文件中使用局部过滤器
<script>
import filters from '../filter'

export default {
    ... ... 
    filters: { ...filters },
    data() {
        return {}
    }
}

</script>

<div> 日期:{{ date | dateFormat }} </div>

上一篇下一篇

猜你喜欢

热点阅读