vue实现自定义过滤器之时间格式自定义

最新推荐文章于 2024-07-14 22:44:48 发布

后端切图仔

最新推荐文章于 2024-07-14 22:44:48 发布

阅读量871

点赞数

分类专栏：第一次

本文链接：https://blog.csdn.net/weixin_40593587/article/details/79242818

版权

第一次专栏收录该内容

116 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <title>过滤器</title>-->
    <title>自定义过滤器</title>
</head>
<script src="/vue.min.js"></script>
<body>
<!--<div id="app">-->
<!--{{list| json| uppercase }}-->
<!--</div>-->

<div id="app">
    {{time|datefmt}}
</div>
</body>
<script>
//    new Vue({
//        el:'#app',
//        data:{
//            list:[{uname:'itcase'},{uname:'heima'}]
//        }
//    });
    new Vue({
        el:'#app',
        data:{
            time:new Date()
        },
        //在某一个vue对象里定义的过滤器为私有过滤器
        //这种过滤器只有在当前vue对象el指定的监管的区域有用
        //接下来定义过滤器
        filters:{
            //input是自定义的过滤器的默认参数，input的值永远都是取自于|左边的内容
    datefmt:function (input) {
        //过滤器的逻辑：将input的值格式化成这种yyy-mmm-ddd字符串输出
        var res="";
        var year=input.getFullYear();
        var month=input.getMonth()+1;
        var day=input.getDate();
        res=year+'-'+month+'-'+day;
        return res;//返回我们格式化以后的东西
        
    }
        }
    });
</script>
</html>

后端切图仔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue实现自定义过滤器之时间格式自定义

html>html lang="en">head> meta charset="UTF-8">过滤器--> title>自定义过滤器title>head>script src="/vue.min.js">script>body>-->-->div id="app"> {{time|datefmt}}div>body>script>// n
复制链接

扫一扫

专栏目录