[JavaScript] 오늘 날짜, 시간 추출 및 포맷 변경

단순하지만 막상 쓰려고 하면 매번 기억이 잘 안나는 날짜 관련 함수들을 정리해보았다. 

 

Date객체 생성

  우선, 오늘 날짜 및 현재의 날짜, 시간을 추출하는 함수 Date 객체를 선언한다.

var date = new Date(); 
// Thu Jun 15 2023 14:32:32 GMT+0900 (한국 표준시)

 

Date 객체에서 년, 월, 일 추출

  각각 getFullYear(), getMonth(), getDay() 사용하는데 여기서 주의할 점은 월을 추출하는 getMonth() 함수의 경우 0 ~ 11 (0 = 1월, 11= 12월) 사이의 값을 반환한다.  0부터 달을 새기 때문에 1을 더해주어야 기존에 달을 새는 방식과 동일하게 사용할 수 있다.

var date = new Date(); 
// Thu Jun 15 2023 14:32:32 GMT+0900 (한국 표준시)

var year = date.getFullYear(); //년도(2023)
var month = date.getMonth() + 1; //월(6)
var day = date.getDate(); //일(15)

 

Date 객체에서 시간, 분, 초 추출

var date = new Date(); 
// Thu Jun 15 2023 14:32:32 GMT+0900 (한국 표준시)

var hour = date.getHours(); //시간(14)
var min = date.getMinutes(); //분(32)
var sec = date.getSeconds(); //초(32)

 

Date 객체에서 요일 추출

  요일을 추출하는 getDay() 함수는 숫자로 출력되며 0 ~ 6 (0 = 월요일, 6 = 일요일) 사이의 값을 반환한다. 

var date = new Date(); 
// Thu Jun 15 2023 14:32:32 GMT+0900 (한국 표준시)

var day = date.getDay(); //요일(4)

 

원하는 포맷으로 변경

   1. yyyymmdd 

var date = new Date(); 
// Thu Jun 15 2023 14:32:32 GMT+0900 (한국 표준시)

var year = date.getFullYear(); //년도(2023)
var month = "0" + (date.getMonth() + 1);
//var month = date.getMonth();
/* 만약 월이나 일의 날짜가 한자리 수 인 경우, 
   기존 월 구하는 함수 앞에 String(0)값을 붙여서 원하는 포맷을 맞춘다. */
var day = date.getDate(); //일(15)

var yyyymmdd = year + month + day; //(20230615)

 

   2. yyyy-mm-dd

var date = new Date(); 
// Thu Jun 15 2023 14:32:32 GMT+0900 (한국 표준시)

var year = date.getFullYear(); //년도(2023)
var month = "0" + (date.getMonth() + 1);
//var month = date.getMonth();
/* 만약 월이나 일의 날짜가 한자리 수 인 경우, 
   기존 월 구하는 함수 앞에 String(0)값을 붙여서 원하는 포맷을 맞춘다. */
var day = date.getDate(); //일(15)

var yyyymmdd = year + "-" + month + "-" + day; //(2023-06-15)