Javascript) Date 객체 사용하기

날짜를 다루기 위해 제공된 Date 객체 및 주로 사용하는 함수에 대해 학습하

---

 

기본 활용 - 생성

Date 객체 생성자)

var date1 = new Date(); // 현재 날짜 및 시간
var date2 = new Date(1991,11,25,3,50); // 1991년 12월 25일 3:50:00 (월 +1 주의)
var date3 = new Date('2014-6-4'); // 2002년 1월 1일 09:00:00
var date4 = new Date('2012-05-17 10:20:30'); // 2012년 5월 17일 10:20:30

---

 

기본 get/set 함수 사용

- get : 날짜 관련 데이터 추출하기
- set : 날짜 값 설정하기

사용 예제)

var dt = new Date('2010-12-25'); 
dt.getDate(); // 25가 반환됨
dt.setDate(13); // '2010-12-13' 변경됨

기본 get/set 함수)

함수명		의미	설명
getFullYear()	setFullYear()	년도
getMonth()	setMonth()	월	0~11 > 1월~12월
getDate()	setDate()	일
getDay()	setDay()	요일	0~6 > 일요일 ~ 토요일
getHours()	setHours()	시간
getMinutes()	setMinutes()	분
getMilliseconds()	setMilliseconds()	밀리초
getSeconds()	setSeconds()	초
getTime()	setTime()	Unix 타임	1970/1/1 12:00 기준 경과한 밀리 초

---

 

날짜 연산하기

원하는 날짜 단위(년, 월, 일, 시, 분, 초)를 호출하고 해당 값을 대상으로 연산

연산 예제)

var dt = new Date(); // 오늘
dt.setDate(dt.getDate()+365); // 365일 뒤
dt.setFullYear(dt.getFullYear()-1); // 1년 전

---

 

문자열 변환 활용하기

함수 활용하기)

함수명		설명
toString()		Thu May 17 2018 17:15:11 GMT+0900 (대한민국 표준시)
toDateString()		Thu May 17 2018
toLocaleString()		2018. 5. 17. 오후 5:15:11
toLocaleDateString()		2018. 5. 17.

문자열 자동변환 활용)

1. "2018-5-17"

 

var str = dt.getFullYear()+'-'+(dt.getMonth()+1)+'-'+dt.getDate();

2. "2018년 5월 17일"

var str1 = dt.getFullYear()+'년 '+(dt.getMonth()+1)+'월 '+dt.getDate()+'일';​

3. "5월 17일 (목)"

 

var arrDayStr = ['일','월','화','수','목','금','토'];
var str = (dt.getMonth()+1)+'월 '+dt.getDate()+'일 ('+arrDayStr[dt.getDay()]+')';

* 월, 요일은 숫자 0부터 시작함에 따라 인덱스 +1을 잘 유념해야 함

---

 

참고 사이트

https://dororongju.tistory.com/116

[자바스크립트] Date() 기본 사용 방법

Javascript) Date 객체 사용하기