웹공부/javascript , jQuery

Date 객체

바구레 2019. 8. 31. 19:09

노마드 코더 js크롬 앱 만들기 하면서 알게 된 것 정리

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

 

Date

Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다.

developer.mozilla.org

날짜와 시간을 다룰 때 사용한다

 

 

date 변수를 만들고 그 안에 new Date(); 를 사용해 담아준다.

그리고 date를 찍어보면 날짜와 시간이 표시된다

 

위 이미지를 보면 date를 찍었을 때 나오는 시간의 초와 맥에 표시되는 시간이 다르다는 걸 알 수 있다. (초가 다름)

date 변수에 담은 시간은 그 시점의 시간인 18:36:17 로 고정(?)된다.

시간을 시계처럼 자동으로 1초마다 흐르게 하려면 setInterval함수를 사용해주어야 한다

new Date객체를 찍을 때마다 시간이 바뀐다. 

변수에는 처음 담는 시점이 담기기 때문에 변수를 호출하면 처음 담겼던 날짜와 시간만 불린다.

new Date객체 안에는 날짜와 시간을 구하는 메소드들이 들어있다

년도 :  getYear(); //현재 년도에서 1900을 뺀 숫자가 표기된다. 그러나 웹표준에서 제거되었으니 아래 getFullYear()를 사용해준다

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getYear

 

Date.prototype.getYear()

The getYear() method returns the year in the specified date according to local time. Because getYear() does not return full years ("year 2000 problem"), it is no longer used and has been replaced by the getFullYear() method.

developer.mozilla.org

 

년도 : getFullYear(); //우리가 평소 사용하는 년도가 출력된다

월 :  getMonth(); //1월 2월... 0부터 시작하기 때문에 +1을 사용해야한다.

일 : getDate();

요일 : getDay(); // 일요일 0, 월요일 1, 화요일 2, 수요일 3, 목요일 4, 금요일 5, 토요일 6

시 : getHours(); 

분 : getMinutes();

초 : getSeconds();

 


이제 Date 객체는 잊어버리지 않을 것 같다.