javascriptで日付を2桁表示する方法

ウェブサイトで日時を表示していたのだが、

桁数が変わることで画面表示がずれてデザインが崩れてしまった。

そこで日時の桁数が1桁の場合、ゼロ埋めして表示するように日付の編集を加えた。

ゼロ埋め前

const date = new Date();

const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hour = date.getHours();

ゼロ埋め後

const date = new Date();

const twoDigitYear = date.getFullYear().toString().slice(-2);
const twoDigitMonth = `0${date.getMonth() + 1}`.slice(-2);
const twoDigitDay = `0${date.getDate()}`.slice(-2);
const twoDigitHour = `0${date.getHours()}`.slice(-2);

ゼロ埋め後はnumber型ではなく、String型になるので日付計算などする際は要注意

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次