[JavaScript] Date 객체

🔻Date 객체🔻

• 자바스크립트는 클래스가 없어서 내장 객체라는 것을 제공하여 그것으로 객체를 생성한다.
• 날짜/시간을 표현할 때는 Date 객체를 사용한다.

 

현재 날짜/시간 가져오기

    <script>
        //현재시각
        var now = new Date();   //new 생성자함수();
        console.log(now);
        console.log(typeof now);    //object
    </script>

자바스크립트는 date자료형이 없고 number, string, boolean 외의 object로 다룬다.

---

요소 추출

• getDate(), getMonth(), getFullYear(): 날짜를 반환한다.
• getHours(), getMinutes(), getSeconds(): 시간을 반환한다 .

    <script>
        var now = new Date();                   //2023-10-05
        console.log(now.getYear());             //123
        console.log(now.getFullYear());         //2023
        console.log(now.getMonth());            //9(0부터 시작)
        console.log(now.getDate());             //5
        console.log(now.getDay());              //4(일(0)~토(6))
        console.log(now.getHours());            //10
        console.log(now.getMinutes());          //20
        console.log(now.getSeconds());          //21
        console.log(now.getMilliseconds());     //0.679
        console.log(now.getTime());             //1696468821679

    </script>

---

출력하기

• toString() : 문자열로 변환하여 출력합니다.
• toLocaleString() : 현재 날짜와 시간을 지역화된 문자열로 반환한다.
• toLocaleDateString() : 현재 날짜를 지역화된 문자열로 반환한다.
• toLocaleTimeString() : 현재 시간을 지역화된 문자열로 반환한다.

    <script>
        console.log(now.toString());
        console.log(now.toLocaleString());      //2023. 10. 5. 오전 10:23:02
        console.log(now.toLocaleDateString());  //2023. 10. 5.
        console.log(now.toLocaleTimeString());  //오전 10:23:02
    </script>

---

특정 시각 만들기

• setDate(), setMonth(), setFullYear(): 날짜를 설정한다.
• setHours(), setMinutes(), setSeconds(): 시간을 설정한다.

    <script>
        var christmas = new Date();

        christmas.setFullYear(2023);
        christmas.setMonth(11);
        christmas.setDate(25);
        christmas.setHours(12);
        christmas.setMinutes(0);
        christmas.setSeconds(0);

        console.log(christmas.toLocaleString());        //2023. 12. 25. 오후 12:00:00

        var birthdayA = new Date(1990, 10, 4);
        var birthdayB = new Date(1990, 10, 4, 12, 30, 0);
    </script>

---

연산

    <script>
        //시각-시각 : ms로 반환
        console.log(christmas - now);       //7003922002(ms)
        console.log((christmas - now) / 1000 / 60 / 60 / 24);   //81(일)

        //시각 + 시간
        //시각 - 시간
        //오늘 만난 커플의 100일 기념일
        var ani = new Date();
        
        //100일을 틱값으로 변환하여 오늘 틱값에 더한다.
        ani.setTime(now.getTime() + (100*24*60*60*1000));

        console.log(ani.toLocaleDateString());      //2024. 1. 13.
    </script>

Date 객체는 시간을 밀리초 단위로 다루기 때문에, 연산 시에는 주의해야 한다.

(연산결과) / 1000 / 60 / 60 / 24

위처럼  연산결과에 추가로 계산식으 더해주면 밀리초 단위에서 일(Date) 단위로 변환할 수 있다.