[Javascript] 오늘 날짜 yyyymmdd, yyyy-mm-dd 패턴으로 출력하기

 

Javascript에서 오늘 날짜를 구하고,

yyyymmdd 또는 yyyy-mm-dd 형식으로 출력하는 방법입니다.

 

먼저, 오늘 날짜를 구하는 방법은 지난 포스팅을 참조하세요.

[Javascript] 현재 날짜, 시간 구하기

[Javascript] 현재 날짜, 시간 구하기

 

 

 

오늘 날짜 yyyymmdd, yyyy-mm-dd 패턴으로 출력하기

<div id='div1'></div>
<div id='div2'></div>

 

// 오늘 날짜
const today = new Date();

// 년도
const year = today.getFullYear();

// 월
const month = (today.getMonth() + 1).toString().padStart(2, '0'); 

// 일
const day = today.getDate().toString().padStart(2, '0');

// yyyymmdd
const yyyymmdd = `${year}${month}${day}`;
document.write(yyyymmdd);
document.write('<br>');

// yyyy-mm-dd
const yyyy_mm_dd = `${year}-${month}-${day}`;
document.write(yyyy_mm_dd);

 

 

const today = new Date();

오늘 날짜를 구합니다.

const year = today.getFullYear();

getFullYear() 함수를 사용하여, 오늘 날짜에서 연도 4자리를 가져옵니다.

const month = (today.getMonth() + 1).toString().padStart(2, '0'); 

복잡해 보이지만 하나씩 뜯어보겠습니다.

 

• today.getMonth()
  • 오늘 날짜에서 getMonth() 함수로 월 정보를 가져옵니다.
• today.getMonth() + 1
  • 이 때, 월은 0부터 시작합니다.
    즉, 1월은 0, 12월은 11입니다.
    따라서, getMonth()로 가져온 숫자에 1을 더해줍니다.
• (today.getMonth() + 1).toString()
  • 숫자를 문자열로 변환합니다.
• (today.getMonth() + 1).toString().padStart(2, '0')
  • padStart()는 문자열을 특정 길이로 패딩 하는 데 사용하는 함수입니다.
  • 이 예제에서는, 문자열의 길이가 2보다 작으면, 문자열의 앞에 '0'을 채워 넣어서 리턴합니다.
  • 즉, 오늘 날짜가 3월이면, '3'은 1글자이기 때문에, 앞에 '0'을 추가해서 '03'을 리턴합니다.
  • padStart() 함수에 대해서는 지난 포스팅을 참조하세요.
    • [Javascript] 숫자 앞뒤에 0 추가하기 (padStart(), padEnd())

 

const day = today.getDate().toString().padStart(2, '0');

오늘 날짜에서 getDate() 함수를 사용하여 날짜 정보를 가져옵니다.

월 정보를 표현할 때와 마찬가지로,

padStart() 함수를 이용하여, 숫자가 1자리인 경우 앞에 '0'을 추가해 줍니다.

const yyyymmdd = `${year}${month}${day}`;

yyyymmdd 형식의 문자열을 생성합니다.

const yyyy_mm_dd = `${year}-${month}-${day}`;

yyyy-mm-dd 형식의 문자열을 생성합니다.