美文网首页
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