[자바스크립트 js] new Date()로 가져온 내용 YYYYMMDD 형식으로 날짜 보여주기 (예 :20220105)

안녕하세요.

디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

 

이번 포스팅에서는 자바스크립트로 날짜를 나타낼 때 'YYYYMMDD'형식으로 나타내는 방법에 대해 다뤄보겠습니다.

예를 들면, 202215(2022년 1월 5일)을 20220105로 나타내는 거죠.

 

주석에 설명들을 써놓을 테니, 주석을 참고하시면 코드가 더욱 쉽게 다가올 거예요!

 

  new Date()로 가져온 내용 YYYYMMDD 형식으로 변환하는 코드

let today = new Date();
let year = today.getFullYear(); // 년도
let month = today.getMonth() + 1;  // 월 => +1 하는 이유는 월이 0부터 시작하기 때문
let date = today.getDate();  // 일

// month가 10보다 작으면 문자 '0'을 추가하는 코드
month = month >= 10 ? month : '0' + month;

// date가 10보다 작으면 문자'0'을 추가하는 코드 
date = date >= 10 ? date : '0' + date;

let selectDate = `${year}년 ${month}월 ${date}일`;
let numberDate = `${year}${month}${date}`

console.log('오늘 날짜', selectDate);
// 2022년 01월 05일
console.log('오늘 날짜 숫자만', numberDate)
// 20220105