Javascript 레퍼런스

날짜 객체

  1. 날짜 메서드 : getFullYear() : 연도 불러오기
  2. 날짜 메서드 : getMonth() : 월 불러오기
  3. 날짜 메서드 : getDate() : 일 불러오기
  4. 날짜 메서드 : getHours() : 시간 불러오기
  5. 날짜 메서드 : getMinutes() : 분 불러오기
  6. 날짜 메서드 : getSeconds() : 초 불러오기
  7. 날짜 메서드 : getMilliseconds() : 밀리초 불러오기
  8. 날짜 메서드 : getDay() : 요일 불러오기
  9. 날짜 메서드 : toLocaleString() : 현재 날짜/시각 문자열 불러오기
  10. 날짜 메서드 : toLocaleDateString() : 현재 날짜 문자열 불러오기
  11. 날짜 메서드 : toLocaleTimeString() : 현재 시각 문자열 불러오기
  12. 날짜 메서드 : Date.parse() : 날짜 문자열 타임스탬프 불러오기

01. 날짜 메서드 : getFullYear() / getMonth() / getHours() / getMinutes() / getSeconds() / getMilliseconds() / getDay() :연도/월/일/시간/분/초/밀리초/요일 불러오기

번호 기본값 메서드 결과값
{
    const date = new Date();
    const year = date.getFullYear();

    document.querySelector(".sample01_R1").innerHTML = "지금은 " + year + "년 입니다.";
    
    const month = date.getMonth() + 1;
    document.querySelector(".sample01_R2").innerHTML = "지금은 " + month + "월 입니다.";

    const days = date.getDate();
    document.querySelector(".sample01_R3").innerHTML = "지금은 " + days + "일 입니다.";

    const hour = date.getHours();
    document.querySelector(".sample01_R4").innerHTML = "지금은 " + hour + "시 입니다.";

    const minutes = date.getMinutes();
    document.querySelector(".sample01_R5").innerHTML = "지금은 " + minutes + "분 입니다.";

    const seconds = date.getSeconds();
    document.querySelector(".sample01_R6").innerHTML = "지금은 " + seconds + "초 입니다.";

    const milliseconds= date.getMilliseconds();
    document.querySelector(".sample01_R7").innerHTML = "지금은 " + milliseconds + "초 입니다.";

    const day = date.getDay();
    const dayList = ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'];
    //0 --> 일요일 : dayList[0]
    //1 --> 월요일 : dayList[1]
    //2 --> 화요일 : dayList[2]
    //3 --> 수요일 : dayList[3]
    //4 --> 목요일 : dayList[4]
    //5 --> 금요일 : dayList[5]
    //6 --> 토요일 : dayList[6]
    //0 1 2 3 4 5 6 : date.getDay()

    document.querySelector(".sample01_R8").innerHTML = "지금은 " + dayList[day] + "입니다.";
}

02. 날짜 메서드 : toLocaleDateString() / toLocaleTimeString() : 현재 날짜/시각을 문자열 불러오기

번호 기본값 메서드 결과값
{
    const date = new Date();
    const locale = date.toLocaleString();
    const localeDate = date.toLocaleDateString();
    const localeTime = date.toLocaleTimeString();

    document.querySelector(".sample02_R1").innerHTML = locale;
    document.querySelector(".sample02_R2").innerHTML = localeDate;
    document.querySelector(".sample02_R3").innerHTML = localeTime;
}

03. 날짜 메서드 : Date.parse() : 날짜 문자열 타임스탬프 불러오기

번호 기본값 메서드 결과값
{
    //타임스탬프는 1970년 1월 1일 00:00:00부터 현재까지의 경과 시간을 밀리초(1/1000)로 표현한 것입니다.

    const date = Date.parse("2021/8/11");
    document.querySelector(".sample03_R1").innerHTML = date;

    const date2 = Date.parse("8 11 2021");
    document.querySelector(".sample03_R2").innerHTML = date2;

    const date3 = Date.now();
    document.querySelector(".sample03_R3").innerHTML = date3;
}