ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JavaScript Date 객체
    프로그래밍/JavaScript 2022. 10. 4. 11:33
    728x90

     

     

    Date 객체는 자바스크립스의 내장객체 중 날짜와 시간 정보를 나타내고 쉽게 다룰 수 있는 객체이다.

     

    const date = new Date();
    console.log(date);   // 2022년 10월 04일 10:30:00
    
    const date = new Date(22, 9, 04); // 1922년 10월 04일
    const date = new Date(2022, 9, 04); // 2022년 10월 04일

     

     

     

     

    Date 객체 생성 방법

    const date = new Date(); // 현재 날짜 시간
    const date = new Date(2022, 09, 04);  // 2022년 10월 04일 10:30:00
    const date = new Date("2022-10-04");  // 2022년 10월 04일 10:30:00
    const date = new Date("4234687234682");  // timestamp 1970년 1월1일부터 밀리세컨씩
    const datetime = new Date(2022, 09, 04, 10, 30, 0, 0);  // 2022년 10월 04일 10:30:00

     

     

     

     

    Date의 getter/setter 메소드 정리

    구분 설명 범위
    setDate() 현지 시각으로 특정 일자를 설정 1 ~ 31
    setMonth() 현지 시각으로 특정 월을 설정 0 ~ 11
    setFullYear() 현지 시각으로 특정 연도를 설정(연도뿐만 아니라 월과 일자도 설정할 수 있음) YYYY, MM, DD
    setHours() 현지 시각으로 특정 시간을 설정 0 ~ 23
    setMilliseconds() 현지 시각으로 특정 밀리초를 설정 0 ~ 999
    setMinutes() 현지 시각으로 특정 분을 설정 0 ~ 59
    setSeconds() 현지 시각으로 특정 초를 설정 0 ~ 59
    구분 설명 범위
    getDate() 현지 시각으로 현재 일자에 해당하는 숫자를 반환 1 ~ 31
    getDay() 현지 시각으로 현재 요일에 해당하는 숫자를 반환 0 ~ 6
    getMonth() 현지 시각으로 현재 월에 해당하는 숫자를 반환 0 ~ 11
    getFullYear() 현지 시각으로 현재 연도를 4비트의 숫자(YYYY)로 반환 YYYY
    getHours() 현지 시각으로 현재 시각에 해당하는 숫자를 반환 0 ~ 23
    getMilliseconds() 현지 시각으로 현재 시각의 밀리초에 해당하는 숫자를 반환 0 ~ 999
    getMinutes() 현지 시각으로 현재 시각의 분에 해당하는 숫자를 반환 0 ~ 59
    getSeconds() 현지 시각으로 현재 시각의 초에 해당하는 숫자를 반환 0 ~ 59
    const date = new Date();
    console.log(`현재 년도 : ${date.getFullYear()}`);
    console.log(`현재 월 : ${date.getMonth() + 1}`);
    console.log(`현재 일 : ${date.getDate()}`);
    console.log(`현재 시간 : ${date.getHours()}`);
    console.log(`현재 분 : ${date.getMinutes()}`);
    console.log(`현재 초 : ${date.getSeconds()}`);
    /*
        현재 년도 : 2022
        현재 월 : 10
        현재 일 : 04
        현재 시간 : 10
        현재 분 : 30
        현재 초 : 00
    */

     

     

     

     

     

    728x90

    '프로그래밍 > JavaScript' 카테고리의 다른 글

    JavaScript BOM(Brower Object Model)_2  (0) 2022.10.06
    JavaScript BOM(Brower Object Model)_1  (0) 2022.10.05
    JavaScript 내장객체  (0) 2022.10.03
    JavaScript 객체 생성 방법  (0) 2022.10.02
    JavaScript 호이스팅  (0) 2022.10.01

    댓글

Designed by Tistory.