반응형
프로젝트를 진행하다보면 날짜타입의 값을 거의 빼먹지않고 사용하게 됩니다.
이렇듯 많이 쓰이는 날짜함수를 정리해보겠습니다.
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 |
위와같이 각자의 용도에 맞게 재조합하여 사용하면 되겠습니다.
반응형
'노빠꾸 개발일지 > JQUERY & JAVASCRIPT' 카테고리의 다른 글
[Javasript/Jquery] Json데이터 파싱 사용법 정리(Json 파싱) (2) | 2020.10.10 |
---|---|
[Javascript/Jquery] 배열(Array) 기본 사용법 정리(배열 초기화, 배열 0으로 초기화, 배열 특정값 초기화, 배열 값 입력, 배열 값 삭제) (2) | 2020.10.09 |
[js/css] js파일, css파일, img파일 사용시 캐시 방지 팁 (1) | 2020.10.05 |
[D3.js] D3.js란? (2) | 2020.09.30 |
[JQuery] jQuery 시작하기 - .ready() (0) | 2020.09.29 |