w3schools에서 더 자세한 내용 확인하기
JavaScript에서 날짜 출력하기
- 기본적으로, JavaScript는 브라우저의 시간대를 이용한다
- 날짜 전체를 텍스트 문자열로 표시한다
날짜 객체 생성
Date 객체는 new Date()로 생성한다
객체를 만드는 방법에는 네 가지가 있다
new Date()new Date(year, month, day, hour, minutes, seconds, milliseconds)new Date(millisec)new Date(date String)
new Date()
현재 날짜와 시간으로 새로운 날짜 객체를 생성한다.
<!DOCTYPE html>
<html>
<body>
<h1>자바 스크립트 new Date() 연습</h1>
<p>원하는 파라미터의 개수를 입력하여 년, 월, 일 , 시, 분, 초, 밀리초를 순서대로 지정하기</p>
<p id="date"></p>
<script>
const d = new Date(2018, 11, 24, 10, 33, 30, 0);
document.getElementById("date").innerHTML = d;
</script>
</body>
</html>출력 결과
자바 스크립트 new Date() 연습
7개의 숫자를 사용하여 년, 월, 일 , 시, 분, 초, 밀리초를 순서대로 지정하기Mon Dec 24 2018 10:33:30 GMT+0900 (한국 표준시)
출력 결과 마지막 줄의
'Mon Dec 24 2018 10:33:30 GMT+0900 (한국 표준시)' 부분이
Date()의 내용이다
여기서 주의할 점은, 월을 입력할 때 -1을 해줘야 한다는 것이다.
예를 들어 1월으로 Date()객체를 생성하고 싶다면 숫자 2를 입력해야 한다.
new Date(dateString)
날짜 객체를 생성하는 네 가지 방법 중 네 번째 방법이다.
날짜 문자열에서 새로운 날짜 객체를 만들 수 있다.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>특정 날짜 및 시분초를 문자열로 입력하여 날짜 객체 생성하기</p>
<p id="date"></p>
<script>
const d = new Date("October 13, 2014 11:13:00");
document.getElementById("date").innerHTML = d;
</script>
</body>
</html>출력 결과
JavaScript new Date()
특정 날짜 및 시분초를 문자열로 입력하여 날짜 객체 생성하기Mon Oct 13 2014 11:13:00 GMT+0900 (한국 표준시)
메소드
.getDate()
.getDate()는 날짜를 숫자로 반환한다
- 반환 값: 1~31
.getDay()
.getDay()는 요일을 숫자로 반환한다
- 반환 값: 0~6
일요일이 0, 월요일이 1 ...
.getFullYear()
.getFullYear()는 연도를 숫자로 반환한다
- 반환 값: 연도를 반환한다(1000년에서 9999년 사이의 날짜는 네 자리 수)
.getHours()
.getHours()는 날짜 객체의 시간을 반환한다
- 반환 값: 0~23
.getMinutes()
.getMinutes()는 분을 숫자로 반환한다
- 반환 값: 0~59
.getMonth()
.getMonth()는 날짜 객체의 월을 반환한다
- 반환 값: 0~11
1월은 0, 2월은 1...
.getSeconds()
.getSeconds()는 날짜 객체의 초를 반환한다
- 반환 값: 0~59
.getTime()
.getTime()은 1970년 1월 1일 00:00:00 이후의 밀리 초 수를 반환한다
- 반환 값: 0~
Date.now()
Date.now()는 1970년 1월 1일 이후의 밀리 초 수를 반환한다
!! 주의
Date.now()는 Date 객체의 정적 메소드(Static method)다.
개발자에 의해 생성된 Date객체에는.now()를 사용할 수 없다.
구문은 항상Date.now()로 사용해야 한다.
소개된
getter가 있듯, Date 객체의 속성을 정할 수 있는setter또한 존재한다.
자세한 내용은 w3schools를 참고한다
