j22. 자바스크립트 날짜와 표시 형식

자바스크립트 날짜와 표시 형식

자바스크립트 날짜 객체 (JavaScript Date object) 는 날짜 즉, 년, 월, 일, 시, 분, 초, 천분의 1초 (years, months, days, hours, minutes, seconds, 및 milliseconds) 를 다루는데 사용됩니다.

---

자바스크립트 날짜 표기 형식 (JavaScript Date Formats) 은 문자열로 하거나, 숫자로 표기 합니다.

즉 문자열로 표기할 경우, 아래 와 같습니다.

	Thu Jan 01 1970 09:00:01 GMT+0900 (KST)

아니면 위의 날짜를 숫자로 표기하면 아래와 같습니다.

	1000

위에 숫자로 표기된 날짜가 1000이 된 것은, 그리니치 표준시 (GMT, Greenwich Mean Time) 기준으로 1970년 1월 1일 00:00:00 초부터 밀리초 숫자를 나타내므로 1000 밀리초 즉 1초가 된 것입니다.

그런데 09:00:00 부터 시작한 것은 국제표준시 (UTC, Coordinated Universal Time = 그리니치 표준시, GMT, Greenwich Mean Time) 를 한국표준시 (KST) 로 환산하여 표기하였기 때문입니다.

---

Date() 메서드를 사용하여 현재 날짜를 표기 하였습니다.

<p id="myDate1"></p>

<script>
document.getElementById("myDate1").innerHTML = Date();
</script>

---

날짜 객체 (Date Objects) 를 초기 값을 할당하여 생성하는 방법은 아래 4가지가 있습니다.

new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

여기서 new Date() 메서드는 현재 날짜 및 시간을 갖게 됩니다.

<p id="myDate3"></p>

<script>
var myDate4 = new Date(2016,2,1);
document.getElementById("myDate3").innerHTML = myDate4;
</script>

여기에서 주의할 것은 자바스크립트는 달을 숫자로 나타낼때 0 부터 11 까지를 사용합니다. 그래서 3 월달이 2 가 되었습니다.

즉, new Date(2016,2,1); 은 2016년 3월 1일인 날짜 객체를 생성한 것입니다.

---

날짜 객체 (Date object) 가 생성되면, 그 다음에는 여러가지 메서드 들을 사용할 수 있게 됩니다.

날짜 메서드 (Date methods) 로 년, 월, 일, 시간 등을 읽거나 (get) 설정 할 수 (set) 있습니다.

toUTCString() 메서드는 지역 시간을 국제 표준시 (UTC 또는 GMT) 로 바꾸어 문자열로 표시합니다.

toDateString() 메서드는 날짜와 요일 까지만 표현합니다.

---

날짜를 설정할 때 (setting a date), 특정한 표준시 (time zone) 를 정하지 않으면, 자바스크립트는 브라우저의 표준시 (browser's time zone) 를 사용할 것입니다.

또한 날짜를 얻어 올때도 (getting a date), 특정한 표준시 (time zone) 를 정하지 않으면, 결과를 브라우저의 표준시 (browser's time zone) 로 변환합니다.

---

자바스크립트 날짜 입력 형식 (JavaScript Date Input Formats) 에는 4가지 방식이 있습니다.

new Date("2016-03-01T03:00:00");  //Tue Mar 01 2016 12:00:00 GMT+0900 (KST)
ISO 8601 은 날짜와 시간을 표현하는 국제 표준 규격입니다.

ISO 8601 구문 (YYYY-MM-DD) 는 자바스크립트에서 선호하는 날짜 표시 형식 입니다.

시간, 분, 초 를 포함하여 다음과 같이 쓸 수 있습니다. (YYYY-MM-DDTHH:MM:SS)

여기에서 날짜 문자열의, 날짜와 시간 사이에, 포함된 T 는 국제표준시 (UTC, Universal Time Coordinated) 즉, 그리니치 표준시 (GMT, Greenwich Mean Time) 임을 의미합니다.

new Date("Mar 1 2016");  //Tue Mar 01 2016 00:00:00 GMT+0900 (KST)

위에는 자바스크립트 MMM DD YYYY (JavaScript Long Dates) 표기법 입니다.

new Date("03/01/2016");  //Tue Mar 01 2016 00:00:00 GMT+0900 (KST)

위에는 자바스크립트 MM/DD/YYYY (JavaScript Short Dates) 표기법 입니다.

new Date("Tue Mar 01 2016 00:00:00 GMT+0000");  //Tue Mar 01 2016 09:00:00 GMT+0900 (KST)

위에는 자바스크립트 날짜 전부 표기법 (full JavaScript format) 입니다.

---

[광고] Udemy 동영상 강의로 보기