Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

j23. 자바스크립트 날짜 메서드 본문

JAVASCRIPT

j23. 자바스크립트 날짜 메서드

눈의나라북범 2016. 6. 5. 15:51

자바스크립트 날짜 메서드

날짜 메서드는 날짜 값 들 (년, 월, 일, 시, 분, 초, 밀리초) 을 구하거나, 설정할 수 있게 합니다.

날짜 겟 메서드 (Date Get Methods) 는 날짜의 일부를 얻는데 사용됩니다.

메서드 설명 getDate() 일자 (1 일 에서 31 일) 을 숫자로 가져옵니다. getDay() 요일 (0 에서 6 까지) 을 숫자로 가져옵니다. getFullYear() 4자리 년도 (yyyy) 를 가져옵니다. getHours() 시간 (hour, 0 시에서 23 시) 을 가져옵니다. getMilliseconds() 밀리 초 (milliseconds, 0 에서 999 밀리초) 를 가져옵니다. getMinutes() 분 (minutes, 0 분에서 59 분) 을 가져옵니다. getMonth() 월 (month, 0 에서 11 까지) 을 가져옵니다. getSeconds() 초 (seconds, 0 에서 59 까지) 를 가져옵니다. getTime() 1970년 1월 1일부터 경과된 시간을 밀리초 단위 (milliseconds since January 1, 1970) 로 가져옵니다.

<p id="getTime"></p> <p id="getFullYear"></p> <p id="getMonth"></p> <p id="getDate"></p> <p id="getDay"></p> <p id="days"></p> <script> var d = new Date(); document.getElementById("getTime").innerHTML = d.getTime(); document.getElementById("getFullYear").innerHTML = d.getFullYear(); document.getElementById("getMonth").innerHTML = d.getMonth(); document.getElementById("getDate").innerHTML = d.getDate(); document.getElementById("getDay").innerHTML = d.getDay(); var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; document.getElementById("days").innerHTML = days[d.getDay()]; </script>

날짜 셋 메서드 (Date Set methods) 는 날짜의 일부를 설정하는데 사용됩니다.

메서드 설명 setDate() 일자 (1 일 에서 31 일) 을 숫자로 설정합니다. setFullYear() 년도 를 설정합니다. setHours() 시간 (hour, 0 시에서 23 시) 을 설정합니다. setMilliseconds() 밀리 초 (milliseconds, 0 에서 999 밀리초) 를 설정합니다. setMinutes() 분 (minutes, 0 분에서 59 분) 을 설정합니다. setMonth() 월 (month, 0 에서 11 까지) 을 설정합니다. setSeconds() 초 (seconds, 0 에서 59 까지) 를 설정합니다. setTime() 1970년 1월 1일부터 경과된 시간을 밀리초 단위 (milliseconds since January 1, 1970) 로 설정합니다.



<p id="setFullYear"></p> <p id="setDate"></p> <p id="setDate2"></p> <script> var d = new Date(); d.setFullYear(2016, 2, 1); document.getElementById("setFullYear").innerHTML = d; d.setDate(15); document.getElementById("setDate").innerHTML = d; d.setDate(d.getDate() + 31); document.getElementById("setDate2").innerHTML = d; </script>

날짜 문자열을, Date.parse() 메서드를 사용하여 밀리초 (milliseconds) 로 환산할 수 있습니다.

이때 Date.parse() 는 1970년 1월 1일에서 그 날짜 까지 경과된 밀리초 (milliseconds) 를 반환합니다.

그 다음에, 이 밀리초를 다시 날짜 객체로 변환합니다.

<p id="parse1"></p> <p id="parse2"></p> <script> var parse2 = Date.parse("March 21, 2012"); var parse3 = new Date(parse2); document.getElementById("parse1").innerHTML = parse2; document.getElementById("parse2").innerHTML = parse3; </script>

만일 지역 시간이 아닌, 국제 표준시 (UTC) 날짜를 가져오려면, 아래와 같이 UTC 날짜 메서드를 사용하면 됩니다.

이들은 일반 getDate() 메서드 류와 동일한데, 다만 UTC 날짜를 반환한다는 것만 다릅니다.

getUTCDate() getUTCDay() getUTCFullYear() ....

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