JavaScript 实现日期自动补零的几种写法梳理
总结了利用 JavaScript 实现日期自动补零的几种常见写法,并在文末提炼了一个通用方法,便于今后直接调用。
·
0. 入门版
var month = new Date().getMonth() + 1
if(month < 10) {
month = '0' + month
} else {
month = month + ''
}
1. 三元运算符版
var month = new Date().getMonth() + 1;
month = (month < 10 ? '0' : '') + month
2. ES6 版
let month = new Date().getMonth() + 1
month = `${month < 0 ? '0' : ''}${month}`
3. string.padStart 版 (ES2017)
let month = new Date().getMonth() + 1
month = String(month).padStart(2, '0')
4. repeat 版
let month = new Date().getMonth() + 1
month = ('0'.repeat(2) + month).slice(-2)
5. Array.from(obj) 版
let month = new Date().getMonth() + 1
month = (Array.from({length: 2}, e => 0).join('') + month).slice(-2)
6. Array(num) 版
与其用 Array.from
,不如直接用 Array()
:
let month = new Date().getMonth() + 1
month = (Array(2).join('0') + month).slice(-2)
注意
Array(2).join('0')
仅生成(n - 1)
个占位符,因为月份或日期数 至少占一位。
由此可以抽取一个通用方法:
const leadingDigit = (num, len=2, sep='0') => `${Array(len + 1).join(sep)}${num}`.slice(-len)
const month = new Date().getMonth() + 1
leadingDigit(month) // '06'
leadingDigit(month, 3) // '006'
leadingDigit(month, 3, '*') // '**6'
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献4条内容
所有评论(0)