[javascript] new Date() - 시간과 날짜 표현

1. 개념

new Date() - 날짜와 시간 표현

new Date()는 javascript에서 시간과 날짜를 표현하는 객체
자신이 입력하는 값과 인수의 타입에 따라서 여러가지 형태로 시간을 초기화 할 수 있음

2. 메소드

new Date()

메소드	역할	메소드	역할
getFullYear	4자리 년도	getDate	날짜
getHours	시	getSeconds	초
toDateString	날짜만 문자열로	toLocaleStirng	지역화된 날짜와 시간
toLocaleTimeString	지역화된 시간 오전(후) hh:mm:ss	getMonth	월 → 0(1월)~11(12월)
getDay	요일 → 0(일요일) ~ 6(토요일)	getMinutes	분
toString	날짜와 시간을 문자열로	toTimeString	시간만 문자열로
toLocaleDateString	지역화된 날짜(년 월 일)

3. 태그

new Date() - 기본 예제

javascript 코드

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

< script > // 현재날짜 기준 [다른 날짜 - ex) new Date(2016,10,1)] var nowDate = new Date();   // 2016 alert (nowDate.getFullYear());   // 8(작성일 기준으로 9월이기에 8이 나옴) alert (nowDate.getMonth());   // 20(20일) alert (nowDate.getDate());   // 2(화요일 : 0부터 일요일) alert (nowDate.getDay());   // 11(11시) alert (nowDate.getHours());   // 3(3분) alert (nowDate.getMinutes());   // 20(20초) alert (nowDate.getSeconds()); < /script >

코드 설명

 

getDay , getMonth

다른 것은 크게 헷갈릴 것이 없는데 위에 있는 getDay , getMonth를 시작하는 부분이 헷갈릴 수도 있습니다.
getDay에서 나오는 결과값은 0부터이고 0부터가 일요일이 됩니다.
즉 , 0(일요일) ~ 6(토요일) 까지 결과값이 나오기 때문에 이를 고려해서 사용하시면 됩니다.
getMonth도 마찬가지입니다.
1~12월까지 1년이 있을 때 이렇게 나오지 않고 0~11까지의 값이 나오게 됩니다.
순간적으로 헷갈릴 수 있기 때문에 이 점을 고려해서 사용해 주시면 됩니다. 즉 , 0(1월) ~ 11(12월)로 나온다는 점만 고려해 주시면 됩니다.

4. 태그

new Date() -toString 관련 예제

javascript 코드

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

< script > var nowDate = new Date();   // Tue Sep 20 2016 11:11:21 GMT+0900 (대한민국 표준시) alert (nowDate);   // object alert ( typeof (nowDate));   // Tue Sep 20 2016 11:11:21 GMT+0900 (대한민국 표준시) alert (nowDate.toString());   // string alert ( typeof (nowDate.toString()));   // Tue Sep 20 2016 alert (nowDate.toDateString());   // 11:11:21 GMT+0900 (대한민국 표준시) alert (nowDate.toTimeString()); < /script >

코드 설명

 

toString , toDateString,toTimeString

날짜를 문자열 형식으로 변환하면서 전체 날짜와 시간 , 날짜 , 시간으로 데이터를 추출해 낼 수 있습니다.
toString은 전체 날짜,시간을 가져오고 toDateString은 날짜만 해서 가져오며 toTimeString은 시간을 가져는 것을 확인 할수 있습니다.
여기서 모두 타입은 string으로 나옵니다.

5. 태그

new Date() - toLocaleString 관련 예제

javascript 코드

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

< script > var nowDate = new Date();   // Tue Sep 20 2016 11:11:21 GMT+0900 (대한민국 표준시) alert (nowDate);   // 2016. 9. 20. 오전 11:18:35 alert (nowDate.toLocaleString());   // 2016. 9. 20. alert (nowDate.toLocaleDateString());   // 오전 11:18:35 alert (nowDate.toLocaleTimeString()); < /script >

코드 설명

 

toLocaleString , toLocaleDateString,toLocaleTimeString

위에 있는 것들은 String앞에 Locale을 붙여서 접속한 지역을 기준으로 시간을 표시하는 것을 확인하실 수 있습니다.