String.padStart()

2022-06-18  本文已影响0人  5cc9c8608284

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文档传送门
上一篇 下一篇

猜你喜欢

热点阅读