vue filter 完美时间日期格式

<template>

<div>{{msg | compFilter('yyyy-MM-dd hh:mm') }}</div>

</template>

<script>
export default {

data() {
    return {
        msg: new Date()
        // msg: 10,
    }
},
filters: {
    compFilter: function(value, format) {
        let o = {
            "M+": value.getMonth() + 1,![图片描述][1]
            "d+": value.getDate(),
            "h+": value.getHours(),
            "m+": value.getMinutes(),
            "s+": value.getSeconds(),
        }
        if(/(y+)/.test(format)){
            format = format.replace(RegExp.$1, (value.getFullYear() + "").substr(4-RegExp.$1.length));
            for(let k in o) {
                if(new RegExp(`(${k})`).test(format)){
                    format = format.replace(RegExp.$1, (RegExp.$1.length == 1)?(o[k]):(("00" + o[k]).substr((""+o[k]).length)))
                }
            }
            return format;
        }
    }
},

}
</script>

    原文作者:breathfish
    原文地址: https://segmentfault.com/a/1190000019606454
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞