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
怎么样,是不是特别方便,如果感兴趣想要了解更多的话可以参考MDN文档传送门
网友评论