美文网首页
String.padStart()

String.padStart()

作者: 5cc9c8608284 | 来源:发表于2022-06-18 11:20 被阅读0次

padStart方法从当前字符串的左侧开始,用另一个字符串填充当前字符串,填充到目标长度为止,这个方法在实际开发中有一个特别常用的地方,就是当我们格式化时间的时候,如果时间需要处理成:2022-06-19这种格式的时候,举个例子:
我的项目中需要显示当前日期,并且当月份和日期小于10的时候在前面补0,那我就可以这样做:

<template>
    <view>
        {{date|handleDate}}
    </view>
</template>
<script>
    export default{
        data(){
            return {
                date:new Date()
            }
        },
        filters:{//定义一个局部过滤器
            handleDate(date){
                console.log(date,'date')
                let year=date.getFullYear();//获取年份
                let month=date.getMonth().toString().padStart(2,'0');//获取月份
                let day=date.getDate().toString().padStart(2,'0');//获取日期
                return year+'-'+month+'-'+day
            }
        }
    }
</script>

这样就可以实现上面的需求了,效果如下:

未处理的日期格式.png
处理后的日期格式.png
怎么样,是不是特别方便,如果感兴趣想要了解更多的话可以参考MDN文档传送门

相关文章

网友评论

      本文标题:String.padStart()

      本文链接:https://www.haomeiwen.com/subject/pozhvrtx.html