[Javascript] Date 메소드

 

---

 

 

https://tlsdnjs12.tistory.com/42

[Javascript] Date Constructor

 

 

 

 

---

 

💖 자바스크립트 Date.prototype getter 메소드

 

Date.prototype getter 메소드는 날짜와 관련된 정보를 받아오기 위한 메소드입니다.

가장 많이 사용되는 대표적인 getter 메소드는 다음과 같습니다.

 

메소드	설명	값의 범위
getDate()	현지 시각으로 현재 일자에 해당하는 숫자를 반환함.	1 ~ 31
getDay()	현지 시각으로 현재 요일에 해당하는 숫자를 반환함.	0 ~ 6
getMonth()	현지 시각으로 현재 월에 해당하는 숫자를 반환함.	0 ~ 11
getFullYear()	현지 시각으로 현재 연도를 4비트의 숫자(YYYY)로 반환함.	YYYY
getHours()	현지 시각으로 현재 시각에 해당하는 숫자를 반환함.	0 ~ 23
getMilliseconds()	현지 시각으로 현재 시각의 밀리초에 해당하는 숫자를 반환함.	0 ~ 999
getMinutes()	현지 시각으로 현재 시각의 분에 해당하는 숫자를 반환함.	0 ~ 59
getSeconds()	현지 시각으로 현재 시각의 초에 해당하는 숫자를 반환함.	0 ~ 59
getTime()	1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초 단위로 환산한 값을 숫자로 반환함.
getTimezoneOffset()	UTC로부터 현재 시각까지의 시간차를 분 단위로 환산한 값을 숫자로 반환함.

 

 

💖 자바스크립트 Date.prototype UTC getter 메소드

 

메소드	설명
getUTCDate()	협정세계시(UTC)로 현재 일자에 해당하는 숫자를 반환함.
getUTCDay()	협정세계시(UTC)로 현재 요일에 해당하는 숫자를 반환함.
getUTCMonth()	협정세계시(UTC)로 현재 월에 해당하는 숫자를 반환함.
getUTCFullYear()	협정세계시(UTC)로 현재 연도를 4비트의 숫자(YYYY)로 반환함.
getUTCHours()	협정세계시(UTC)로 현재 시각에 해당하는 숫자를 반환함.
getUTCMilliseconds()	협정세계시(UTC)로 현재 시각의 밀리초에 해당하는 숫자를 반환함.
getUTCMinutes()	협정세계시(UTC)로 현재 시각의 분에 해당하는 숫자를 반환함.
getUTCSeconds()	협정세계시(UTC)로 현재 시각의 초에 해당하는 숫자를 반환함.

 

 

 

 

 

---

 

💖 자바스크립트 Date.prototype setter 메소드

 

Date.prototype setter 메소드는 날짜와 관련된 정보를 설정하기 위한 메소드입니다.

가장 많이 사용되는 대표적인 setter 메소드는 다음과 같습니다.

 

메소드	설명	값의 범위
setDate()	현지 시각으로 특정 일자를 설정함.	1 ~ 31
setMonth()	현지 시각으로 특정 월을 설정함.	0 ~ 11
setFullYear()	현지 시각으로 특정 연도를 설정함. (연도뿐만 아니라 월과 일자도 설정할 수 있음)	YYYY, MM, DD
setHours()	현지 시각으로 특정 시간을 설정함.	0 ~ 23
setMilliseconds()	현지 시각으로 특정 밀리초를 설정함.	0 ~ 999
setMinutes()	현지 시각으로 특정 분을 설정함.	0 ~ 59
setSeconds()	현지 시각으로 특정 초를 설정함.	0 ~ 59
setTime()	1970년 1월 1일 0시 0분 0초부터 밀리초 단위로 표현되는 특정 시간을 설정함.

 

 

🔊 자바스크립트에서 setDay() 메소드는 존재하지 않습니다.

 

 

 

💖 자바스크립트 Date.prototype UTC setter 메소드

 

메소드	설명	값의 범위
setUTCDate()	협정세계시(UTC)로 특정 일자를 설정함.	1 ~ 31
setUTCMonth()	협정세계시(UTC)로 특정 월을 설정함.	0 ~ 11
setUTCFullYear()	협정세계시(UTC)로 특정 연도를 설정함. (연도뿐만 아니라 월과 일자도 설정할 수 있음)	YYYY, MM, DD
setUTCHours()	협정세계시(UTC)로 특정 시간을 설정함.	0 ~ 23
setUTCMilliseconds()	협정세계시(UTC)로 특정 밀리초를 설정함.	0 ~ 999
setUTCMinutes()	협정세계시(UTC)로 특정 분을 설정함.	0 ~ 59
setUTCSeconds()	협정세계시(UTC)로 특정 초를 설정함.	0 ~ 59

 

 

 

 

---

 

✨ Date.prototype getter 메소드

 

모든 Date 인스턴스는 Date.prototype으로부터 메소드와 프로퍼티를 상속받습니다.

 

Date.prototype getter 메소드는 날짜와 관련된 정보를 받아오기 위한 메소드입니다.

가장 많이 사용되는 대표적인 getter 메소드는 다음과 같습니다.

 

 

1. getDate()

2. getDay()

3. getFullYear()

4. getMonth()

5. getHours()

6. getMinutes()

7. getSeconds()

8. getTime()

 

 

 

---

✨ Date.prototype setter 메소드

 

Date.prototype setter 메소드는 날짜와 관련된 정보를 설정하기 위한 메소드입니다.

가장 많이 사용되는 대표적인 setter 메소드는 다음과 같습니다.

 

1. setFullYear()

2. setDate()

 

 

 

---

🔊 Date.prototype.getDate / Date.prototype.setDate

 

로컬타임의 일(1~31)을 리턴함.
요일은 getDay를 통해서 구할 수 있다.

 

[리턴값]

number,일

 

 

const today = new Date();

// 날짜 지정
today.setDate(1);

console.log(today); // Wed May 01 2019 17:47:01 GMT+0900 (한국 표준시)
console.log(today.getDate()); // 1

 

 

 

 

---

🔊 Date.prototype.getFullYear / Date.prototype.setFullYear

 

getYear 메소드 대신 사용할 것을 권장.

년도를 나타내는 4자리 숫자를 반환/설정한다.

 

년도 이외에 월, 일도 설정 가능하다.

 

[리턴값]

년(year), 1000~999

 

 

const today = new Date();

// 년도 지정
today.setFullYear(2000);

console.log(today); // Tue May 16 2000 17:42:40 GMT+0900 (한국 표준시)
console.log(today.getFullYear()); // 2000

// 년도 월 일 지정
today.setFullYear(1900, 0, 1);

console.log(today); // Mon Jan 01 1900 17:42:40 GMT+0827 (한국 표준시)
console.log(today.getFullYear()); // 1900

 

 

 

 

 

---

🔊 Date.prototype.getMonth / Date.prototype.setMonth

 

월을 나타내는 0 ~ 11의 정수를 반환/설정한다. 

1월은 0, 12월은 11이다.

 

월 이외에도 일도 설정 가능하다.

 

 

[리턴값]

number, 월, 0~11, 0부터 시작함에 주의

 

 

const today = new Date();

// 월을 지정
today.setMonth(0); // 1월

console.log(today); // Wed Jan 16 2019 17:45:20 GMT+0900 (한국 표준시)
console.log(today.getMonth()); // 0

// 월/일을 지정
today.setMonth(11, 1); // 12월 1일

console.log(today); // Sun Dec 01 2019 17:45:20 GMT+0900 (한국 표준시)
console.log(today.getMonth()); // 11

 

 

 

 

 

---

🔊 Date.prototype.getDay

 

요일(0 ~ 6)를 나타내는 정수를 반환한다. 반환값은 아래와 같다.

setDay는 없다. 요일을 지정하는건 의미없다. date를 지정하면 자동으로 요일이 결정되기 때문이다.

 

월 : 0

화 : 1

수 : 2

목 : 3

금 : 4

토 : 5

일 : 6

 

 

[리턴값]

number, 일, (0~6)

 

 

const date = new Date();
const days = ["일", "월", "화", "수", "목", "금", "토"];

document.write("오늘은 " + days[date.getDay()] + "요일입니다.");

 

 

 

 

---

🔊 Date.prototype.getHours / Date.prototype.setHours

 

시간(0 ~ 23)를 나타내는 정수를 반환/설정한다.

시간 이외 분, 초, 밀리초도 설정할 수 있다.

 

 

[리턴값]

시(hour), 0~23, 0부터 시작함에 주의

 

 

const today = new Date();

// 시간 지정
today.setHours(7);

console.log(today); // Thu May 16 2019 07:49:06 GMT+0900 (한국 표준시)
console.log(today.getHours()); // 7

// 시간/분/초/밀리초 지정
today.setHours(0, 0, 0, 0); // 00:00:00:00

console.log(today); // Thu May 16 2019 00:00:00 GMT+0900 (한국 표준시)
console.log(today.getHours()); // 0

 

 

 

 

---

🔊 Date.prototype.getMinutes / Date.prototype.setMinutes

 

분(0 ~ 59)를 나타내는 정수를 반환/설정한다.

분 이외 초, 밀리초도 설정할 수 있다.

 

 

[리턴값]

number, 분(minutes), 0~59, 0부터 시작함에 주의 

 

 

const today = new Date();

// 분 지정
today.setMinutes(50);

console.log(today); // Thu May 16 2019 17:50:30 GMT+0900 (한국 표준시)
console.log(today.getMinutes()); // 50

// 분/초/밀리초 지정
today.setMinutes(5, 10, 999); // HH:05:10:999

console.log(today); // Thu May 16 2019 17:05:10 GMT+0900 (한국 표준시)
console.log(today.getMinutes()); // 5

 

 

 

 

---

🔊 Date.prototype.getSeconds / Date.prototype.setSeconds

초(0 ~ 59)를 나타내는 정수를 반환/설정한다. 

초 이외 밀리초도 설정할 수 있다.

 

[리턴값]

number, 0~59, UTC를 기준으로 한 초

 

 

const today = new Date();

// 초 지정
today.setSeconds(30);

console.log(today); // Thu May 16 2019 17:54:30 GMT+0900 (한국 표준시)
console.log(today.getSeconds()); // 30

// 초/밀리초 지정
today.setSeconds(10, 0); // HH:MM:10:000

console.log(today); // Thu May 16 2019 17:54:10 GMT+0900 (한국 표준시)
console.log(today.getSeconds()); // 10

 

 

 

 

---

🔊 Date.prototype.getTime / Date.prototype.setTime

1970년 1월 1일 00:00:00(UTC)를 기점으로 현재 시간까지 경과된 밀리초를 반환/설정한다.

위에서 배운, Date.parse(), Date.UTC의 함축 버젼이라고 보면 된다.

 

 

[리턴값]

number, 지정한 시간을 1970년 1월 1일을 기준으로 하는 밀리세컨드를 리턴

 

 

const today = new Date(); // Fri Jan 01 1970 09:00:00 GMT+0900 (한국 표준시)

// 1970년 1월 1일 00:00:00(UTC)를 기점으로 현재 시간까지 경과된 밀리초 지정
today.setTime(86400000); // 86400000 === 1day

console.log(today); // Fri Jan 02 1970 09:00:00 GMT+0900 (한국 표준시)
console.log(today.getTime()); // 86400000