美文网首页
vue2 日期过滤器使用

vue2 日期过滤器使用

作者: 泪无痕521 | 来源:发表于2023-06-20 11:03 被阅读0次

// 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>

相关文章

网友评论

      本文标题:vue2 日期过滤器使用

      本文链接:https://www.haomeiwen.com/subject/vauyydtx.html