[JavaScript] UTC값을 YYYY-MM-DD 형식으로 변경하기

자바 VO 설정 문제인지 날짜값이 UTC 값으로 넘어오는 경우가 발생했다.

그래서 넘어온 UTC를 원하는 출력 형태에 맞게 변화하는 코드를 작성했다.

# 소스코드

<html>
<head>
<title>:: UNIX TIME 날짜값 형변환 ::</title>
<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function() {
        document.querySelector("#btnConvert").addEventListener("click", function() {
            const utc = utcConvert(document.querySelector("#utcTime").value);
            alert(utc);     
        });
    });
    
    var utcConvert = function(utc) {
        const timestamp = new Date(utc.toString().slice(0, -3) * 1000);
        return timestamp.yyyymmdd();
    }
    
    Date.prototype.yyyymmdd = function() {
        const yyyy = this.getFullYear().toString();
        const mm = (this.getMonth() + 1).toString();
        const dd = this.getDate().toString();
        return  yyyy + "-" + (mm[1] ? mm : "0" + mm[0]) + "-" + (dd[1] ? dd : "0" + dd[0]);
    }
</script>
</head>
<body>
    <h1>■ UNIX TIME 날짜값 형변환</h1>
    <input type="text" id="utcTime"/>
    <button id="btnConvert">변환</button>
</body>
</html>

# 출력결과

넘겨받은 UTC 값을 입력하고 변환 버튼을 클릭하면 값이 YYYY-MM-DD 형식으로 출력되는 것을확인 할 수 있다.

'JavaScript' 카테고리의 다른 글

[JavaScript] 입력한 텍스트의 Byte 체크 (0)	2023.02.14
[JavaScript] 입력한 텍스트의 문자길이 체크 (0)	2023.02.14
[JavaScript] 휴대폰 번호 Hyphen(-) 삽입 형식 자동 입력폼 (0)	2022.12.26
[JavaScript] 자바스크립트를 이용한 캘린더 제작 (8)	2022.12.23
[JavaScript] 사용자 접속 Browser 이름 확인하기 (0)	2021.08.12

# 소스코드

# 출력결과

'JavaScript' 카테고리의 다른 글

티스토리툴바