vue之过滤器 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="test">
    <h2>显示格式化的日期时间</h2>
    <p>{{date}}</p>
    <p>完整：{{date|dateString}}</p>
    <p>完整：{{date|dateString('')}}</p>
    <p>完整：{{date|dateString('')}}</p>
</div>

<script src="../js/vue.js">

</script>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.21.0/locale/af.js"></script>
<script>
    //自定义过滤器
    Vue.filter('dateString', function (value, format) {
        return moment(value).format(format || 'MMMM Do YYYY, h:mm:ss a');
    })

    new Vue({
        el: '#test',
        data: {
            date: new Date()
        }
    })
</script>
</body>
</html>
posted @ 2021-07-13 00:34  King-DA  阅读(17)  评论(0)    收藏  举报