Skip to content

Vue——Vue时间格式转化

Vue | July 11, 2026

文章链接：https://blog.csdn.net/qq_43201350/article/details/109403836

位置：main.js

Vue.filter('dateFormat', function (originVal) { //dateFormat为自定义函数名
    const dt = new Date(originVal)
    const y = dt.getFullYear()
    const m = (dt.getMonth() + 1 + '').padStart(2, '0')
    const d = (dt.getDate() + '').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}`
})

引用：

<li class="item" v-for="(item, index) in adviceList" :key="index">
     <div>{{item.time | dateFormat }}</div>
</li>