vue时间过滤器及ES6 padStart的用法

最新推荐文章于 2023-05-09 20:16:07 发布

晚风吹心事

最新推荐文章于 2023-05-09 20:16:07 发布

阅读量415

点赞数 3

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/Frazier1995/article/details/111280688

版权

vue 专栏收录该内容

80 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="lcp">
        {{date|time}}
    </div>
</body>
</html>
<script src="../day01/vue.js"></script>
<script>
    //全局过滤器
    Vue.filter('time',function(val){
        //将时间转换为对象
        //获取到年月日时分秒，然后根据需求拼杰字符串
        var date = new Date(val)
        var Y = date.getFullYear();
        var M = date.getMonth();
        var D = date.getDate();
        var h = date.getHours();
        var f = date.getMinutes()+'';
            f = f.padStart(2,0)
        var m = date.getSeconds()+'';
            m = m.padStart(2,0)
        return `${Y}/${M}/${D} ${h}:${f}:${m}`
        //padStart(目标位数,"填充的字符") 不够目标位数  用填充的字符来填充

    })
    new Vue({
        el:'#lcp',
        data:{
            date:new Date(),
        }
    })
</script>

晚风吹心事

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
4
评论
vue时间过滤器及ES6 padStart的用法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="l
复制链接

扫一扫