Date 객체

자바스크립트에서의 날짜 표현

Date 객체는 연월일, 시분초의 정보와 함께 밀리초(millisecond)의 정보도 함께 제공

 

범위

1. 연도(year) : 1900년(00) ~ 1999년(99)

2. 월(month) : 1월(0) ~ 12월(11) 

3. 일(day) : 1일(1) ~ 31일(31)

4. 시(hours) : 0시(0) ~ 23시(23)

5. 분(minutes) : 0분(0) ~ 59분(59)

6. 초(seconds) : 0초(0) ~ 59초(59)

 

자바스크립트에서 월(month)을 나타낼 때는 1월이 0으로 표현되고, 12월이 11로 표현된다는 사실에 유의해야 합니다.

---

Date 객체

Date 객체를 초기화하는 방법

1. new Date()

2. new Date("날짜를 나타내는 문자열")

3. new Date(밀리초)

4. new Date(년, 월, 일, 시, 분, 초, 밀리초)

 

Date 객체를 생성할 때 어떠한 인수도 전달하지 않으면, 현재 날짜와 시간을 가지고 Date 객체를 생성

 

예제

var date = new Date(); // Date 객체 생성
document.write(date); // Fri Jan 06 2023 14:58:07 GMT+0900 (한국 표준시)

코딩연습 ▶

인수가 전달되면, 그 형태에 따라 특정 날짜와 시간을 가리키는 Date 객체를 생성

예제

new Date("December 14, 1977 13:30:00"); // 날짜를 나타내는 문자열
new Date(80000000);               // 1970년 1월 1일 0시부터 해당 밀리초만큼 지난 날짜
new Date(16, 5, 25);              // 3개의 숫자로 나타내는 날짜이며, 시간은 자동으로 0시 0분 0초로 설정됨.
new Date(16, 5, 25, 15, 40, 0);   // 7개의 숫자로 나타내는 날짜
new Date(2016, 5, 25, 15, 40, 0); // 2000년대를 표기하고자 할 때에는 연도를 전부 표기해야 함.

/*
결과 값
Wed Dec 14 1977 13:30:00 GMT+0900 (한국 표준시)
Fri Jan 02 1970 07:13:20 GMT+0900 (한국 표준시)
Sun Jun 25 1916 00:00:00 GMT+0900 (한국 표준시)
Sun Jun 25 1916 15:40:00 GMT+0900 (한국 표준시)
Sat Jun 25 2016 15:40:00 GMT+0900 (한국 표준시)
*/

코딩연습 ▶

기준 > 1970년 1월 1일 00:00:00(UTC, 협정세계시)
하루는 86,400,000 밀리초(millisecond)로 계산

---

자바스크립트 날짜 양식(date format)

1. ISO 날짜 양식

2. Long 날짜 양식

3. Short 날짜 양식 

4. Full 날짜 양식

---

ISO 날짜 양식

ISO 8601

날짜와 시간을 나타내는 국제 표준 양식

 

문법

YYYY-MM-DDTHH:MM:SS // T는 UTC(협정세계시)를 나타내는 문자로 시간까지 표현할 때에는 반드시 사용해야 함.

YYYY-MM-DD

YYYY-MM

YYYY

 

예제

new Date("1977-12-14T13:30:00"); // 날짜와 시간까지 표현함.
new Date("1977-12-14");          // 시간이 생략되면 자동으로 09:00:00으로 설정됨.
new Date("1977-12");             // 일이 생략되면 자동으로 1일로 설정됨.
new Date("1977");                // 월이 생략되면 자동으로 1월로 설정됨.
/*
Wed Dec 14 1977 13:30:00 GMT+0900 (한국 표준시)
Wed Dec 14 1977 09:00:00 GMT+0900 (한국 표준시)
Thu Dec 01 1977 09:00:00 GMT+0900 (한국 표준시)
Sat Jan 01 1977 09:00:00 GMT+0900 (한국 표준시)
*/

코딩연습 ▶

---

Long 날짜 양식

문법

MMM DD YYYY
DD MMM YYYY

 

예제 

new Date("Feb 19 1982");        // MMM DD YYYY
new Date("19 Feb 1982");        // DD MMM YYYY
new Date("February 19 1982");   // 월의 축약형 뿐만 아니라 전체 단어도 인식함.
new Date("FEBRUARY, 19, 1982"); // 쉼표는 무시되며, 대소문자의 구분은 없음.
/*
Fri Feb 19 1982 00:00:00 GMT+0900 (한국 표준시)
Fri Feb 19 1982 00:00:00 GMT+0900 (한국 표준시)
Fri Feb 19 1982 00:00:00 GMT+0900 (한국 표준시)
Fri Feb 19 1982 00:00:00 GMT+0900 (한국 표준시)
*/

코딩연습 ▶

---

Short 날짜 양식

문법

MM/DD/YYYY
YYYY/MM/DD

예제

new Date("02/19/1982"); // MM/DD/YYYY
new Date("1982/02/19"); // YYYY/MM/DD
/*
Fri Feb 19 1982 00:00:00 GMT+0900 (한국 표준시)
Fri Feb 19 1982 00:00:00 GMT+0900 (한국 표준시)
*/

코딩연습 ▶

ISO 날짜 양식과 short 날짜 양식 > 반드시 월일 순서로 날짜

일월 순서로 나온 날짜는 자바스크립트가 제대로 인식하지 못함

---

Full 날짜 양식

자바스크립트에서 사용하는 날짜 양식으로 표현된 문자열도 날짜로 인식

예제

Wed May 25 2016 17:00:31 GMT+0900

new Date("Wed May 25 2016 17:00:00 GMT+0900 (Seoul Time)");
// GMT가 현재 국가와 다른 시간은 현재 국가의 GMT로 변환되어 표현됨.
new Date("Wed May 25 2016 17:00:00 GMT-0500 (New York Time)");

/*
Wed May 25 2016 17:00:00 GMT+0900 (한국 표준시)
Thu May 26 2016 07:00:00 GMT+0900 (한국 표준시)
*/

코딩연습 ▶

---

참고

http://www.tcpschool.com/javascript/js_standard_date

코딩교육 티씨피스쿨