[JavaScript] Date 메소드

2022. 7. 4. 04:08·Language/JavaScript
728x90

Date.now() 메소드

Date.now() 메소드는 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초(millisecond) 단위의 정수로 반환한다.

var nowMiliSec = Date.now();
nowMiliSec;           // 1970년 1월 1일 00:00:00부터 현재까지의 밀리초
new Date(nowMiliSec); // new Date()와 같은 결과를 반환함.
new Date();
실행 결과
1656873195208
Mon Jul 04 2022 03:33:15 GMT+0900 (한국 표준시)
Mon Jul 04 2022 03:33:15 GMT+0900 (한국 표준시)

Date.prototype getter 메소드

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

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

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

  • getFullYear()
  • getDate()
  • getDay()
  • getTime()

getFullYear() 메소드

getFullYear() 메소드는 현재 연도를 4비트의 숫자(YYYY)로 반환한다.

var date = new Date();
document.write("올해는 " + date.getFullYear() + "년입니다."); // 현재 연도를 반환함.
실행 결과
올해는 2022년입니다.

getDate() 메소드

getDate() 메소드는 현재 날짜에 해당하는 숫자를 반환한다.

var date = new Date();
document.write("오늘은 " + date.getMonth() + "월 " + date.getDate() + "일입니다."); // 현재 날짜를 반환함.
실행 결과
오늘은 6월 4일입니다.

getDay() 메소드

getDay() 메소드는 현재 요일에 해당하는 숫자를 반환한다.

자바스크립트에서 일주일은 일요일(0)부터 시작하여 토요일(6)로 끝난다.

var date = new Date();
var day;
switch (date.getDay()) {	// 현재 요일을 반환함.
	case 0:
		day = "일";
		break;
	case 1:
		day = "월";
		break;
	case 2:
		day = "화";
		break;
	case 3:
		day = "수";
		break;
	case 4:
		day = "목";
		break;
	case 5:
		day = "금";
		break;
	case 6:
		day = "토";
		break;
}
document.write("오늘은 " + day + "요일입니다.");
실행 결과
오늘은 월요일입니다.

배열을 사용하면 더욱 간단하게 요일을 출력할 수 있다.

var date = new Date();
var days = ["일", "월", "화", "수", "목", "금", "토"];
document.write("오늘은 " + days[date.getDay()] + "요일입니다.");
실행 결과
오늘은 월요일입니다.

getTime() 메소드

getTime() 메소드는 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초 단위로 환산한 값을 숫자로 반환한다.

var date = new Date();
var period = date.getTime() / 86400000 // 하루는 86,400,000 밀리초로 계산됨.
document.write("1970년 1월 1일부터 오늘까지 " + period.toFixed() + "일이 지났습니다.");
// 소수 부분은 생략함.
실행 결과
1970년 1월 1일부터 오늘까지 19177일이 지났습니다.

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

메소드 설명 값의 범위
etDate() 현지 시각으로 현재 일자에 해당하는 숫자를 반환함. 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 메소드는 다음과 같다.

  • setFullYear()
  • setDate()

setFullYear() 메소드

setFullYear() 메소드는 Date 객체의 값을 특정 날짜로 설정한다.

var date = new Date();
date.setFullYear(1970, 1,20); // 자바스크립트에서 2월은 1임.
date.getFullYear();         
date.getMonth();               
date.getDate();
실행 결과
1970
1
20
Fri Feb 20 1970 03:57:30 GMT+0900 (한국 표준시)

setDate() 메소드

setDate() 메소드는 Date 객체의 일자 값을 특정 일자로 설정한다.

var date = new Date();
date.setDate(10);         // Date 객체의 일자 값을 10일로 설정함.
document.write(date + "<br>");
date.setDate(40);         // 40일을 설정하면, 초과되는 일수만큼 다음달로 넘어감.
document.write(date);
실행 결과
Sun Jul 10 2022 04:00:39 GMT+0900 (한국 표준시)
Tue Aug 09 2022 04:00:39 GMT+0900 (한국 표준시)

자바스크립트 Date.prototype 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

'Language > JavaScript' 카테고리의 다른 글

[JavaScript] String 메소드  (0) 2022.07.04
[JavaScript] String 객체  (0) 2022.07.04
[JavaScript] Date 객체  (0) 2022.07.04
[JavaScript] Math 객체  (0) 2022.07.02
[JavaScript] Number 메소드  (0) 2022.07.02
'Language/JavaScript' 카테고리의 다른 글
  • [JavaScript] String 메소드
  • [JavaScript] String 객체
  • [JavaScript] Date 객체
  • [JavaScript] Math 객체
arajo
arajo
  • arajo
    아라 메모장
    arajo
  • 전체
    오늘
    어제
    • 분류 전체보기 (509)
      • Language (298)
        • HTML (55)
        • CSS (11)
        • JavaScript (70)
        • TypeScript (8)
        • Python (33)
        • Java (119)
        • C (0)
        • C# (2)
      • Programming (92)
        • Programming (14)
        • Web (51)
        • Apache (1)
        • MySQL (23)
        • AWS (3)
      • Framework | Library (26)
        • Framework | Library (3)
        • Vue.js (2)
        • React.js (5)
        • React Native (4)
        • Node.js (1)
        • Ajax (1)
        • Bootstrap (8)
        • Spring (1)
        • Flutter (1)
      • etc (2)
      • 휴식 (19)
        • 책 (13)
        • 일기 (5)
        • 게임 일기 (1)
      • A (71)
        • 공부 (18)
        • 기타 (6)
        • 일 (47)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    변수
    제어문
    next.js
    JavaScript
    object
    자바스크립트
    MySQL
    Python
    react
    타입스크립트
    HTML
    객체
    리액트
    Java
    파이썬
    event
    web
    array
    CSS
    TypeScript
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
arajo
[JavaScript] Date 메소드
상단으로

티스토리툴바