[JS / jQuery] 날짜(Date) 포맷형식 변경하는 함수 만들어 활용하기 (dateFormatter 구현)

자바스크립트로 날짜 포맷형식 변경 함수 구현하기

 

날짜 데이터를 핸들링하면서 문자열로 받은 날짜와 시간 등을 요구 포맷형식에 맞게 변경해야 할 때가 종종 있다.

 

그래서 함수로 따로 구현하여 요구마다 쉽게 대응하여 return 받을 수 있는 함수를 따로 만들어 놓기로 했다.

 

 

dateFomatter 함수 구현 활용

참고로 아래 f_dataFormatter(str) 함수의 str 값은 "20210421183524" 형식의 파라미터입니다.

// 원하는 날짜 형식으로 포맷하여 return하는 함수
function f_dateFormatter(str){
    if( str == "" || str == null || str == undefined){
        // parameter 값이 빈 값일 때 원하는 문자열로 return
        return ""; 
    }

    var returnStr = "";

    var tempDttm = new Date(str);

    var yy = tempDttm.getFullYear();
    var mm = tempDttm.getMonth()+1; // +1을 한 이유는 getMonth()의 반환 값이 0 ~ 11 이기 떄문
    var dd = tempDttm.getDate();

    var h = tempDttm.getHours();
    var m = tempDttm.getMinutes();
    var s = tempDttm.getSeconds();

    // 아래 부분은 각자 원하는 포맷형식에 맞게 변경
    returnStr = yy + "." + leadingZeros(mm, 2) + "." + leadingZeros(dd, 2) + " ";
    returnStr += leadingZeros(h, 2) + ":" + leadingZeros(m, 2) + ":" + leadingZeros(s,2);

    return returnStr;
}

// 자릿수만큼 빈 자리에 0을 채워서 return하는 함수
function leadingZeros(n, digits){
    var zero = "";
    n = n.toString();

    if(n.length < digits){
        for(var i=0; i<digits - n.length; i++){
            zero += '0';
        }
    }

    return zero+n;
}

이렇게 요구사항에 맞게 포맷형식을 변경하고 싶을 때에는 원하는대로 커스터마이징이 쉽도록 설계하여 함수를 구성했다.