Vue10 -- 过滤器的使用(时间格式化)

最新推荐文章于 2022-04-29 17:27:31 发布

weixin_30753873

最新推荐文章于 2022-04-29 17:27:31 发布

阅读量172

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lee-xingxing/p/11216605.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <p>未格式化前：{{date}}</p>
            <p>时间过滤(完整)：{{date | daterful }}</p>
            <p>时间过滤：{{date | daterful('YYYY-MM-DD') }}</p>
            <p>时间过滤：{{date | daterful('HH:mm:ss') }}</p>
        </div>
        <script src="https://vuejs.org/js/vue.js"></script>
        <script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">

　　　　　　　//daterful自定义过滤器名称

            Vue.filter('daterful',function  (oldval,filerw ) {
                return moment(oldval).format( filerw || 'YYYY-MM-DD  HH:mm:ss' );
            })
            var app = new Vue({
                el:'#app',
                data:{
                    date:new Date()
                }
            })
        </script>
    </body>
</html>