30장 Date

30.1 Date 생성자 함수

---

• Date는 생성자 함수로, Date객체는 날짜와 시간을 나타내는 정수값을 가짐

30.1.1 new Date()

• new연산자와 같이 호출하면 Date객체를 정수값으로 반환, new연산자 없이 호출하면 Date객체를 반환하지 않고 날짜와 시간 정보를 나타내는 문자열을 반환함

new Date(); // -> Mon Jul 06 2020 01:03:18 GMT+0900 (대한민국 표준시)
Date(); // -> "Mon Jul 06 2020 01:03:18 GMT+0900 (대한민국 표준시)"

30.1.2 new Date(milliseconds)

• Date 생성자 함수 괄호 안에 밀리초를 인수로 전달하면 밀리초만큼 경과한 날짜와 시간을 나타내는 Date객체를 반환함

new Date(0); // -> Thu Jan 01 1970 09:00:00 GMT+0900 (대한민국 표준시)

new Date(86400000); // -> Fri Jan 02 1970 09:00:00 GMT+0900 (대한민국 표준시)

30.1.3 new Date(dateString)

• Date생성자 함수에 문자열을 인수로 전달하면 지정된 날짜와 시간을 나타내는 Date객체를 반환함 (단 Date.parse메서드에 의해 해석 가능한 형식이어야 함)

new Date('May 26, 2020 10:00:00');
// -> Tue May 26 2020 10:00:00 GMT+0900 (대한민국 표준시)
new Date('2020/03/26/10:00:00');
// -> Thu Mar 26 2020 10:00:00 GMT+0900 (대한민국 표준시)

30.1.4 new Date(year, month[, day, hour, minute, second, millisecond])

• Date생성자 함수에 연, 월, 일, 시, 분, 초, 밀리초를 인수로 전달하면 지정된 날짜와 시간을 나타내는 Date개게를 반환함 (연, 월은 필수 지정)
  

new Date(2020, 2);
// -> Sun Mar 01 2020 00:00:00 GMT+0900 (대한민국 표준시)
new Date(2020, 2, 26, 10, 00, 00, 0);
// -> Thu Mar 26 2020 10:00:00 GMT+0900 (대한민국 표준시)

30.2 Date메서드

---

30.2.1 Date.now

• 1970년 1월 1일 00:00:00(UTC)를 기점으로 현재시간까지 경과한 밀리초를 숫자로 반환함

const now = Date.now(); // -> 1593971...

30.2.2 Date.parse

• 1970년 1월 1일 00:00:00(UTC)을 기점으로 인수로 전달된 지정시간까지의 밀리초를 숫자로 반환함

// UTC
Date.parse('Jan 2, 1970 00:00:00 UTC'); // -> 8640000

// KST
Date.parse('Jan 2, 1970 09:00:00'); // -> 8640000

30.2.3 Date.UTC

• 1970년 1월 1일 00:00:00(UTC)을 기점으로 인수로 전달된 지정시간까지의 밀리초를 숫자로 반환함
• new Date(year, month[, day, hour, minute, second, millisecond])와 같은 형식을 사용해야 함

Date.UTC(1970, 0, 2); // -> 86400000

30.2.4 Date.prototype.getFullYear

• Date객체의 연도를 나타내는 정수를 반환함

new Date('2020/07/24').getFullYear(); // -> 2020

30.2.5 Date.prototype.setFullYear

• Date객체에 연도를 나타내는 정수를 설정, 연도 이외에 월, 일도 설정할 수 있음

const today = new Date();

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

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

30.2.6 Date.prototype.getMonth

• Date객체의 월을 나타내는 0 ~ 11의 정수를 반환함

new Date('2020/7/24').getMonth(); // -> 6

30.2.7 Date.prototype.setMonth

• Date객체에 월을 나타내는 0 ~ 11의 정수를 설정함. 옵선으로 일도 설정 가능

const today = new Date();

// 월 지정
today.setMonth(0); // 1월
today.getMonth(); // -> 0

// 월/일 지정
today.setMonth(11, 1); // 12월 1일
today.getMonth(); // -> 11

30.2.8 Date.prototype.getDate

• Date객체의 날짜(1 ~ 31)를 나타내는 정수를 반환함

new Date('2020/07/24').getDate(); // -> 24

30.2.9 Date.prototype.setDate

• Date객체에 날짜(1 ~ 31)를 나타내는 정수를 설정

const today = new Date();

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

30.2.10 Date.prototype.getDay

• Date객체의 요일(0~6)을 나타내는 정수를 반환
  

new Date('2020/07/24').getDay(); // -> 5

30.2.11 Date.prototype.getHours

• Date객체의 시간(0~23)을 나타내는 정수를 반환

new Date('2020/07/24/12:00').getHours(); // -> 12

30.2.12 Date.prototype.setHours

• Date객체에 시간(0~23)을 나타내는 정수 설정

const today = new Date();

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

30.2.13 Date.prototype.getMinutes

• Date객체의 분(0~59)을 나타내는 정수를 반환

new Date('2020/07/24/12:30').getMinutes(); // -> 30

30.2.14 Date.prototype.setMinutes

• Date객체에 분(0~59)을 나타내는 정수를 설정

const today = new Date();

// 분 지정
today.setMinutes(50);
today.getMinutes(); // -> 50

30.2.15 Date.prototype.getSeconds

• Date객체의 초(0~59)를 나타내는 정수를 반환

new Date('2020/07/24/12:30:10').getSeconds(); // -> 10

30.2.16 Date.prototype.setSeconds

• Date객체에 초(0~59)를 나타내는 정수를 설정

const today = new Date();

// 초 지정
today.setSeconds(30);
today.getSeconds(); // -> 30

30.2.17 Date.prototype.getMilliseconds

• Date객체의 밀리초(0~999)를 나타내는 정수를 반환

new Date('2020/07/24/12:30:10:150').getMilliseconds(); // -> 150

30.2.18 Date.prototype.setMilliseconds

• Date객체에 밀리초(0~999)를 나타내는 정수를 설정

const today = new Date(0);

// 밀리초 지정
today.setMilliseconds(123);
today.getMilliseconds(); // -> 123

30.2.19 Date.prototype.getTime

• 1970년 1월 1일 00:00:00(UTC)기점으로 Date객체의 시간까지 경과된 밀리초 반환

new Date('2020/07/24/12:30').getTime(); // -> 159556...

30.2.20 Date.prototype.setTime

• Date객체에 1970년 1월 1일 00:00:00(UTC)를 기점으로 경과된 밀리초 설정

const today = new Date();

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

30.2.21 Date.prototype.getTimezoneOffset

• UTC와 Date객체에 지정된 locale시간과의 차이를 분 단위로 반환함(UTC=KST-9h)

const today = new Date(); // today의 지정 locale은 KST다.

// UTC와 today의 지정 locale KST와의 차이는 -9시간이다.
today.getTimezoneOffset() / 60; // -9

30.2.22 Date.prototype.toDateString

• 사람이 읽을 수 있는 형식의 문자열로 Date객체의 날짜 반환

const today = new Date('2020/7/24/12:30');

today.toString(); // -> Fri Jul 24 2020 12:30:00 GMT+0900
today.toDateString(); // -> Fri Jul 24 2020

30.2.23 Date.prototype.toTimeString

• 사람이 읽을 수 있는 형식으로 Date객체의 시간 문자열 반환

const today = new Date('2020/7/24/12:30');

today.toString(); // -> Fri Jul 24 2020 12:30:00 GMT+0900 (대한민국 표준시)
today.toTimeString(); // -> 12:30:00 GMT+0900

30.2.24 Date.prototype.toISOString

• ISO8601형식으로 Date객체의 날짜와 시간을 표현한 문자열 반환

const today = new Date('2020/7/24/12:30');

today.toString(); // -> Fri Jul 24 2020 12:30:00 GMT+0900
today.toISOString(); // -> 2020-07-24T03:30:00.000Z

today.toISOString().slice(0, 10); // -> 2020-07-24
today.toISOString().slice(0, 10).replace(/-/g, '');; // -> 20200724

30.2.25 Date.prototype.toLocaleString

• 인수가 전달한 locale기준으로 Date객체의 날짜와 시간을 표현한 문자열 반환

const today = new Date('2020/7/24/12:30');

today.toString(); // -> Fri Jul 24 2020 12:30:00 GMT+0900
today.toLocaleString(); // -> 2020. 7. 24. 오후 12:30:00
today.toLocaleString('ko-KR'); // -> 2020. 7. 24. 오후 12:30:00
today.toLocaleString('en-US'); // -> 7/24/2020, 12:30:00 PM
today.toLocaleString('ja-JP'); // -> 2020/7/24 12:30:00

30.2.26 Date.prototype.toLocaleTimeString

• 인수가 전달한 locale기준으로 Date객체의 시간을 표현한 문자열 반환

const today = new Date('2020/7/24/12:30');

today.toString(); // -> Fri Jul 24 2020 12:30:00 GMT+0900 (대한민국 표준시)
today.toLocaleTimeString(); // -> 오후 12:30:00
today.toLocaleTimeString('ko-KR'); // -> 오후 12:30:00
today.toLocaleTimeString('en-US'); // -> 12:30:00 PM
today.toLocaleTimeString('ja-JP'); // -> 12:30:00