노빠꾸 개발일지/JQUERY & JAVASCRIPT

[Javascript] 자바스크립트 날짜(Date) 함수 정리

No Backing 2020. 10. 7. 23:58
반응형


 

프로젝트를 진행하다보면 날짜타입의 값을 거의 빼먹지않고 사용하게 됩니다.

 

이렇듯 많이 쓰이는 날짜함수를 정리해보겠습니다.

 

1.  초기화

날짜함수의 초기화 방법은 간단합니다.

 

아래 코드와 같이 new Date(); 를 사용해 주면 됩니다.

 

그런데, 결과값으로 오늘 날짜가 노출되기는 하는데 직관적으로 알아보기 힘든 값입니다.

 

"Wed Oct 07 2020 23:31:20 GMT+0900 (대한민국 표준시)"

 

이 값을 그대로 사용하기는 보다는 보기 쉽게 바꿔서 표현해 주는게 좋겠습니다.

 

그럼 다음단계에서 형변환에 대해서 알아보겠습니다.

1
var today = new Date(); // Wed Oct 07 2020 23:31:20 GMT+0900 (대한민국 표준시)
cs

 

2. 형변환(타입변환)

날짜를 필요한 용도에 따라 노출하는 방법을 알아보겠습니다

아래는 변환에 이용하는 함수들입니다.

 

각각 순서대로 년도, 월, 일을 추출하는 함수들입니다.

1
2
3
new Date().getFullYear();    // 현재년도 ex) 2020
new Date().getMonth()+1;    // 현재 월 ex) 10
new Date().getDate();        // 현재 일 ex) 7
cs

이제 함수를 이용해서 날짜를 표현해 주면 됩니다.

 

예시를 하나 들어보면 아래와 같습니다.

 

아래 코드는 년도-월-일(yyyy-mm-d)로 표현한 코드입니다.

1
2
3
4
var year = new Date().getFullYear();    // 현재년도 ex) 2020
var month = new Date().getMonth()+1;    // 현재 월 ex) 10
var day = new Date().getDate();        // 현재 일 ex) 7
var today = year+'-'+month+'-'+day;  // 2020-10-7
cs

위와같이 각자의 용도에 맞게 재조합하여 사용하면 되겠습니다.

반응형