[Basic] JS - Date Method - JS날짜메서드
JavaScript Date Methods JS 날짜 메서드
JS 날짜 메서드은 날짜 값 (년, 월, 일, 분, 초, 밀리세컨드)을 가져오거나 설정할 때 사용.
1.
날짜 얻기 메서드 (Date Get Methods)
메서드 의미 getDate() 날짜 (1~31) getDay() 요일 (0~6) getFullYear() 년도 (yyyy) getHours() 시간 (0~23) getMilliseconds() 밀리초 (0-999) = 1/1000초 getMinutes() 분(0-59) getMonth() 달 (0-11) getSeconds() 초 (0-59) getTime() 1970-01-01 이후 시간 정보를 밀리세컨드 단위로 반환
1-1.
getTime() : 1970-01-01 이후 흐른 시간 (밀리세컨드)
<p id="homzzang"></p>
<script>
var d = new Date(); // 변수 d를 선언하고, 날짜 객체를 할당
document.getElementById("homzzang").innerHTML = d. getTime() ; // 1970.01.01일 이후 흐른 시간을 밀리세컨드로 표시
</script>
결과값 (예) : 1421679828417
1-2.
getFullYear() : 년도
<p id="homzzang"></p>
<script>
var d = new Date();
document.getElementById("homzzang").innerHTML = d.getFullYear() ;
</script>
결과값: 2015 즉, JS 코드를 실행할 당시의 년도 정보를 출력
1-3.
getDay() 메서드 : 요일 정보 가져옴
① 요일 정보를 0~6 숫자로 표시. 즉, 일요일 0, 월요일 1, 화요일 2, 수요일 3, 목요일 4, 금요일 5, 토요일 6
<p id="homzzang"></p>
<script>
var d = new Date();
document.getElementById("homzzang").innerHTML = d.getDay();
</script>
결과값: 2 이 게시물을 작성한 날이 화요일이라, 결과값이 2가 나옴. 즉, 일요일 0, 월요일 1, 화요일 2, ......
②
숫자 대신, 요일명으로 출력시키려면
아래처럼 요일명을 일요일부터 배열로 다른 변수에 할당하고, 그 배열을 표시케 함. <p id="homzzang"></p>
<script>
var d = new Date(); //변수 d를 선언 후, 날짜 객체를 할당
var days = ["일요일","월요일","화요일","수요일","목요일","금요일","토요일"]; // 변수 days 선언 후, 요일명 배열 적음.
document.getElementById("homzzang").innerHTML = days[d.getDay()]; // 즉, days[2]이므로 화요일이 출력됨.
</script>
2.
날짜 설정 메서드 (Date Set Methods)
메서드 의미 setDate() 날자 (1~31) setFullYear() 년도 (yyyy) (※ yyyy.mm.dd 형식으로 년월일 설정 가능) setHours() 시간 (0~23) setMilliseconds() 밀리초(0~999) ※ 밀리초 = 1/1000 초 setMinutes() 분 (0~59) setMonth() 월 (0~11) setSeconds() 초 (0~59) setTime() 1970-01-01 이후 흐른 시간 (밀리세컨드로 표시)
2-1.
setFullYear() : 날짜 객체를 특정 날짜로 설정 <p id="homzzang"></p>
<script>
var d = new Date();
d.setFullYear(2015, 0, 25);
document.getElementById("homzzang").innerHTML = d;
</script>
결과값: Tue Jan 25 2015 09:21:05 GMT+0900 (대한민국 표준시)
2-2.
setDate()
1.
JS 코드가 실행되는 달의 특정일을 세팅. 날짜는 1부터 셈. 즉, 1~31로 날짜 설정. <p id="homzzang"></p>
<script>
var d = new Date();
d.setDate(20); // JS 코드가 실행되는 달의 20일
document.getElementById("homzzang").innerHTML = d;
</script>
결과값: Tue Jan 20 2015 09:24:55 GMT+0900 (대한민국 표준시)
2.
날짜에 특정일을 더한 날짜를 설정할 때도 사용 가능. <p id="homzzang"></p>
<script>
var d = new Date();
d.setDate(d.getDate() + 60); // JS 코드가 실행되는 날짜 정보를 불러와 그 날짜에 60일을 더한 날짜 설정
document.getElementById("homzzang").innerHTML = d;
</script>
결과값: Sat Mar 21 2015 09:30:22 GMT+0900 (대한민국 표준시)
3. Date.parse() <p id="homzzang"></p>
<script>
var msec = Date.parse("January 20, 2015"); // 1970년 1월 1일부터 괄호 안에 기입한 날짜 까지 시간을 밀리세컨드로 표시
document.getElementById("homzzang").innerHTML = msec;
</script>
결과값: 1421679600000
2.
반대로, 밀리세컨드로 표시된 시간을 new Date () 메서드을 이용해 날짜 형식으로 표현 가능.
<p id="homzzang"></p>
<script>
var msec = Date.parse("January 20, 2015"); // 변수 msec에 1970년 1월 1일부터 2015년 1월 20일까지의 시간을 밀리세컨드로 할당
var d = new Date(msec); //밀리세컨드로 표시한 날짜를 표준시 표시로 전환해 변수 d에 할당
document.getElementById("homzzang").innerHTML = d;
</script>
결과값
4. 날짜 비교 ※ 주의: 월(月 )은 0부터 시작. (1월:0, 2월:1, 3월:2 .... 12월:11) 일(日) 은 1부터 시작, (1일:1, 2일:2, 3일은 3 ....31일:31) <p id="homzzang"></p>
<script>
var today, someday, text; // 변수 today, someday, text 선언
today = new Date(); // 변수 today에 날짜 객체 할당. 즉 오늘 날짜 자동으로 가져와 할당
someday = new Date(); // 변수 someday에 날짜 객체 할당.
someday.setFullYear(2015, 0, 25); // 변수 someday에 2015년 1월 25일을 할당
if (someday > today) { // 오늘 날짜가 변수 someday에 할당된 날짜보다 작다면 변수 text에 할당될 문자열
text = "오늘은 2015년 1월 25일 이전입니다..";
} else { // 오늘 날짜가 변수 someday에 할당된 날짜보다 크다면 변수 text에 할당될 문자열
text = "오늘은 2015년 1월 25일 이후입니다";
}
document.getElementById("homzzang").innerHTML = text; // 변수 text에 할당된 문자열을 아이디 homzzang에 출력
</script>
날짜 관련한 사항은 나중에 더 자세히 나룰 예정임.
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)
