[JavaScript] Date format /날짜 형식 쉽게 바꾸기 ( yyyy-mm-dd)

 

 

javscript Date객체 format

 

javascript에서 Date객체는 기본적으로 출력하게 되면

Fri Aug 16 2024 02:52:23 GMT+0900 (한국 표준시)

와 같이 출력되게 된다.

실제로 개발을 할때에는 해당 달, 일 또는 yyyy-mm-dd형식으로 많이 나타내기 때문에 format을 맞춰줘야한다.

 

 

 1. Date 객체 get메서드

 

new Date().getFullYear() //연도

new Date().getMonth() + 1 // 월 

new Date().getDate() // 일

new Date().getDay() // 요일

 

javscript에서는 get메서드를 활용하여 연도, 월, 일, 요일을 구할 수 있다.

하지만 월의 경우 0부터 시작하기 때문에 +1을 해주어야한다.

 

Date객체에서 get메서드를 활용하면 쉽게 날짜에 대한 문자열 처리를 할 수 있게 된다.

   const today2=`${new Date().getFullYear()}-${ new Date().getMonth() + 1}-${new Date().getDate()}`;
   
   console.log(today2)
   //2024-8-16

 

하지만 월과 일이 10보다 작은 경우 2024-08-16이 아닌 2024-8-16으로 표현되게 된다. 

 

그렇다면 10의자리보다 작은 경우를 if문으로 처리하여 따로 함수를 분류해서 작성해야할까?

 

 

 

 2. padStart와 padEnd

 

PAD는 문자열 앞 뒤로 문자를 추가할 수 있는 기능을 가지고 있다.

String().padStart( 문자열 길이, 채울 문자)

 

 

위와 같은 방식으로 날짜 fomat을 사용하게 된다면, 쉽게 2자리 이내의 숫자의 경우 앞에 0을 채워넣을 수 있게 된다.

new Date()를 꼭 String으로 감싸야 하는것을 잊지말자.

    const today3 = `${new Date().getFullYear()}-${String(new Date().getMonth() + 1).padStart(2, "0")}-${String(new Date().getDate()).padStart(2, "0")}`;

 

See the Pen Date fommat by 김도현 (@ogicrxrt-the-sasster) on CodePen.