[Javascript]Date()_날짜 및 시간 개체

https://www.w3schools.com/js/js_dates.asp

JavaScript Date Objects

 

 

 

NOTE)
날짜 개체는 정적입니다. "시계"는 변화값이 적용되지 않습니다.
컴퓨터 시계는 증가하지만 날짜 Date() 개체는 자동증가 하지 않습니다.

​

JavaScript Date 출력
기본적으로 JavaScript는 브라우저의 시간대를 사용하고 전체 텍스트 문자열로 날짜를 표시합니다.

 

[예제]
<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getFullYear();
</script>
<p id="demo"></p>

▧ 결과값 : 현재 날짜의 년도 Tue Jul 25 2023 22:39:29 GMT+0900 (한국 표준시)

날짜 개체 만들기
날짜 객체는 new Date() 생성자로 생성됩니다.

​새 날짜 개체를 만드는 방법에는 9가지가 있습니다.


1.new Date()
new Date()는 현재 날짜와 시간으로 날짜 객체를 생성합니다.

 

[예제]
<script>
const d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
<p id="demo"></p>

▧ 결과값 : (현재 날짜와 시각이 기본출력값으로 출력됨)Wed Jul 26 2023 10:51:02 GMT+0900 (한국 표준시)

​

2.new Date(date string)
new Date(날짜 문자열)는 날짜 문자열에서 날짜 객체를 생성합니다.

 

[예제]
<script>
const d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>
<p id="demo"></p>

▧ 결과값 : (현재 날짜와 시각을 지정된 표시방법 출력됨)Mon Oct 13 2014 11:13:00 GMT+0900 (한국 표준시)

​

3.new Date(year,month) - 2개의 숫자는 연도와 월을 지정합니다.
4.new Date(year,month,day) - 3개의 숫자는 년, 월, 일을 지정합니다.
5.new Date(year,month,day,hours) - 4개의 숫자는 년, 월, 일 및 시간을 지정합니다.
6.new Date(year,month,day,hours,minutes) - 5개의 숫자는 년, 월, 일, 시 및 분을 지정합니다.
7.new Date(year,month,day,hours,minutes,seconds) - 6개의 숫자는 년, 월, 일, 시, 분, 초를 지정합니다.
8.new Date(year,month,day,hours,minutes,seconds,ms) - 7개의 숫자는 연도, 월, 일, 시, 분, 초 및 밀리초(순서대로)를 지정합니다.

new Date(연도, 월, ...)는 지정된 날짜와 시간으로 날짜 객체를 생성합니다.

​주의)
- 월은 생략할 수 없습니다. 매개변수를 하나만 제공하면 밀리초로 처리됩니다.
- JavaScript는 0에서 11까지 월을 계산합니다. January = 0 ~ December = 11.
- 지난 세기 - 1자리 및 2자리 연도는 19xx로 해석됩니다.

 

[예제]
<script>
const d = new Date(2018, 11, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>
<p id="demo"></p>

​▧ 결과값 : Mon Dec 24 2018 10:33:30 GMT+0900 (한국 표준시)

 

[예제]
<script>
const d = new Date(99, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>
<p id="demo"></p>

​▧ 결과값 : Fri Dec 24 1999 00:00:00 GMT+0900 (한국 표준시)

 

9.new Date(milliseconds)
new Date(milliseconds)는 밀리초에 시간을 더한 값으로 새 날짜 객체를 생성합니다.
JavaScript는 날짜를 밀리초로 저장합니다.
JavaScript는 1970년 1월 1일 이후 날짜를 밀리초 단위로 저장합니다.

영점 시간은 1970년 1월 1일 00:00:00 UTC입니다.
하루(24시간)는 86,400,000밀리초입니다.
현재 시간: 1970년 1월 1일 과거 1690292369391밀리초

 

[예제]
<script>
const d = new Date(100000000000);
document.getElementById("demo").innerHTML = d;
</script>
<p id="demo"></p>

▧ 결과값 : Sat Mar 03 1973 18:46:40 GMT+0900 (한국 표준시)

 

 

[예제]
<script>
const d = new Date(86400000);
document.getElementById("demo").innerHTML = d;
</script>
<p id="demo"></p>

​▧ 결과값 : Fri Jan 02 1970 09:00:00 GMT+0900 (한국 표준시)

​

- 날짜 방법
날짜 개체가 생성되면 다양한 메서드를 사용하여 작업할 수 있습니다.
날짜 메서드를 사용하면 현지 시간이나 UTC(Universal 또는 GMT) 시간을 사용하여 날짜 개체의 연도, 월, 일, 시, 분, 초 및 밀리초를 가져오고 설정할 수 있습니다.

​
- 날짜 표시
JavaScript는 (기본적으로) toString() 메서드를 사용하여 날짜를 출력합니다. 시간대를 포함한 날짜의 문자열 표현입니다. 형식은 ECMAScript 사양에 지정되어 있습니다.

 

[예제]
<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
<p id="demo"></p>

▧ 결과값 : Wed Jul 26 2023 14:21:28 GMT+0900 (한국 표준시)