ABOUT ME

Today
Yesterday
Total
  • [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를 붙입니다.

     

    자바스크립트의 날짜/시간 입력 방식

    1. ISO 형식(YYYY-MM-DDTHH:MM:SS) : 연도는 네 자리, 월과 일은 두 자리로 표시. 시간을 표시하려면 날짜 다음에 t를 붙인 후 이어서 시,분,초를 두 자리로 표시합니다.

      2018-02-25T18:00:00

    2. 짧은 날짜 형식(MM/DD/YYYY): 월, 일, 연도 순으로 작성합니다.

      02/25/2018

    3. 긴 날짜 형식(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부터 시작한다는 것에 유의할 것.

Designed by Tistory.