• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
Basic JS - String Methods - JS문자열메서드
Basic JS - Number - JS숫자
Basic JS - Number Method - JS숫자메서드
Basic JS - Math 객체 - JS수학객체 (= JS산수객체 = Math객체 = Math Object = 매스 …
Basic JS - Dates - JS날짜
1/67
목록
찾아주셔서 감사합니다. Since 2012