![[JavaScript] UTC값을 YYYY-MM-DD 형식으로 변경하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FW194b%2FbtrSpvzrecL%2FaJ8j396tVymYVTj95YeT01%2Fimg.jpg)
728x90
자바 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 형식으로 출력되는 것을확인 할 수 있다.
728x90
'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 |