Javascript/HTML

[Javascript] 오늘 날짜 구하기, 원하는 포맷으로 출력하기

dev-mint 2022. 3. 4. 13:17

 

 

오늘 날짜를 구하고, 원하는 포맷으로 출력해보자

 

자바스크립트로 오늘 날짜를 구하고, 원하는 형태의 포맷으로 출력해보겠습니다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

 

Date - JavaScript | MDN

JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다.

developer.mozilla.org

 

 

Date 객체 사용

 

let today = new Date();
// 값 : Fri Mar 04 2022 08:49:10 GMT+0900 (한국 표준시)
// 현재 2022-03-04 08:49:10 입니다

let year = today.getFullYear();    // 값 : 2022
let month = today.getMonth() + 1;  // 값 : 3
let day = today.getDate();         // 값 : 4

let hours = today.getHours();      // 값 : 8
let min = today.getMinutes();      // 값 : 49
let sec = today.getSeconds();      // 값 : 10

 

getFullYear() : 년도 4자리 반환

getMonth() : 월(0~11) 반환함으로 +1을 해줍니다

getDate() : 일(1~31) 반환

 

getHours() : 시(0~23) 반환

getMinutes() : 분(0~59) 반환

getSeconds() : 초(0~59) 반환

 

 

원하는 포맷의 함수 만들기
function getToday(format) {
    let today = new Date();
    let year = today.getFullYear();
    let month = today.getMonth() + 1;
    let day = today.getDate();

    // 자릿수 채우기
    if (month.toString().length < 2) month = `0${month}`;
    if (day.toString().length < 2) day = `0${day}`;

    let date = "";

    switch (format) {
        case "ymd" :
            date = `${year}${month}${day}`;
            break;
            
        case "y/m/d" :
            date = `${year}/${month}/${day}`;
            break;
            
        default : // yyyy-mm-dd
            date = `${year}-${month}-${day}`;
    }

    return date;
}

 

응용해서 특정날짜를 매개변수로 입력받아 포맷을 변경하거나,

년월일 외에 시분초 정보도 추가할 수 있겠습니다.