-
[JavaScript] Date 객체Web/Javascript 2021. 3. 10. 22:27
현재 날짜 정보를 가지는 date 객체 만들기
간단히 new 예약어 다음 Date 객체를 사용하면 됩니다. 이렇게 만든 인스턴스에는 현재 날짜와 시간이 담깁니다.
var now = new Date();
특정 날짜나 시간 정보를 가지는 Date 객체 만들기
-
특정 날짜를 저장한 Date 객체를 만들고 싶다면 Date 다음의 괄호 안에 날짜 정보를 입력합니다. 예를 들어 '2018년 2월 25일' 날짜 정보를 객체에 저장한 후 프로그램에 사용하고 싶다면
new Date("2018-02-25");
다음과 같이 입력합니다. 이렇게 만든 객체에는 지정한 날짜의 오전 9시 정보가 담깁니다.
연도의 월까지만 지정했다면, 해당 월의 1일, 오전 9시로 설정됩니다.
-
시간 정보까지 함께 지정하려면 날짜 다음에 대문자 T를 추가한 후 시간을 입력합니다.
new Date("2018-02-25T18:00:00");
- UTC(국제 표준시) 로 지정하려면 맨 끝에 Z를 붙입니다.
자바스크립트의 날짜/시간 입력 방식
-
ISO 형식(YYYY-MM-DDTHH:MM:SS) : 연도는 네 자리, 월과 일은 두 자리로 표시. 시간을 표시하려면 날짜 다음에 t를 붙인 후 이어서 시,분,초를 두 자리로 표시합니다.
2018-02-25T18:00:00
-
짧은 날짜 형식(MM/DD/YYYY): 월, 일, 연도 순으로 작성합니다.
02/25/2018
-
긴 날짜 형식(MMM DD YYYY): 월, 일, 연도 순으로 사용하는데 월은 숫자가 아닌 영문으로 작성합니다.
월은 January 같은 전체 이름이나 Jan처럼 줄여서 사용할 수 있습니다. 맨 앞에 요일을 함께 작성할 수도 있습니다.
Thu Aug 17 2017 15:00:41 GMT+0900
Date 객체의 주요 함수
함수 이름 앞에 get이나 set이 붙어 있는데, get은 '가져온다' 는 의미이고 set은 '설정하다' 는 의미입니다. getSeconds() 함수는 시간 정보 중 초(seconds) 정보를 가져오고 setSeconds() 함수는 시간 정보 중 초 정보를 원하는 값으로 설정합니다.
날짜/시간 정보를 가져오는 함수
함수 이름
설명
getFullYear()
날짜 정보에서 연도 정보를 가져와 네 자리 숫자로 표시합니다.
getMonth()
날짜 정보에서 월 정보를 가져옵니다. 이때 0~11의 숫자로 월을 표시합니다. 0부터 1월이 시작되고 11은 12월입니다.
getDate()
날짜 정보에서 며칠인지 알 수 있는 일 정보를 가져옵니다.
getDay()
날짜 정보에서 요일 정보를 가져옵니다. 이때 요일 정보는 0~6의 숫자로 표시되는데, 0은 일요일에 해당되고 6은 토요일에 해당합니다.
getTime()
1970년 1월 1일 자정 이후의 시간을 밀리초로 표시합니다. 밀리초는 1/1000초를 가리킵니다.
getHours()
0~23의 숫자로 시를 표시합니다.
getMinutes()
0~59의 숫자로 분을 표시합니다.
getSeconds()
0~59의 숫자로 초를 표시합니다.
getMilliseconds()
0~999의 숫자로 밀리초를 표시합니다.
날짜/시간 정보를 설정하는 함수
함수 이름
설명
setFullYear()
연도를 네 자리 숫자로 설정합니다.
setMonth()
0~11의 숫자로 월을 표시합니다. 0부터 1월이 시작되고 11은 12월입니다.
setDate()
1~31의 숫자로 일을 설정합니다.
setTime()
1970년 1월 1일 자정 이후의 시간을 밀리초로 설정합니다.
setHours()
0~23의 숫자로 시를 설정합니다.
setMinutes()
0~59의 숫자로 분을 설정합니다.
setSeconds()
0~59의 숫자로 초를 설정합니다.
setMilliseconds()
0~999의 숫자로 밀리초를 설정합니다.
Date 객체의 함수를 사용할 때, getMonth() 함수와 getDay() 함수를 사용했을 때의 결과값은 0부터 시작한다는 것에 유의할 것.
'Web > Javascript' 카테고리의 다른 글
[Javascript] 문서 객체 모델(DOM) 1 - DOM 요소에 접근하기, addEventListener() 함수 사용하기 (0) 2021.03.20 [Javascript] Array 객체 (0) 2021.03.14 [JavaScript] 이벤트와 이벤트 처리기 (0) 2021.03.09 [JS] 자바스크립트의 자료형 (0) 2021.03.07 [jQuery] Slick slider 에서 customPaging 을 이미지로 설정하기 (0) 2020.08.13 -