1分で分かる、日付を常に2桁表示する方法(JavaScript)


日付や時間を常に2桁表示する

日付の表示は

example.js

const now = new Date();

time = now.getFullYear() + "" + (now.getMonth() + 1) + '' + 
now.getDate() + ''  + now.getHours() + '' + now.getMinutes() + '',

console.log(time)

で表示できます。(getMonthだけ +1 するのは初心者ひっかけあるある)

ただこの方法だと2020年11月2日と表示されます。

これを2020年11月02日と表示したい時は、

example.js

const now = new Date();

time = now.getFullYear() + "" + ("0"+(now.getMonth() + 1)).slice(-2) + '' + 
("0" + now.getDate()).slice(-2) + '' + ("0" + now.getHours()).slice(-2) + 
'' + ("0" + now.getMinutes()).slice(-2) + '',

console.log(time)

と記述すれば表示されます。
西暦以外に0を付けて、sliceメソッドを使い引数に(-2)を入れることで下2桁が表示されるという仕組みです。


01→01

011→11

※注意※

slice()は文字列に対して有効なので(Stringオブジェクト)
数値にslice()を適用する時は文字列に変換してから使用しましょう。(なので追加する0は文字列("0")で記述する必要があります。)

参考サイト

String.prototype.slice() MDN