[자바스크립트] UTC와 KST로 날짜, 시간대 변환하기

아래 소스코드는 사용자가 웹 양식을 통해 날짜를 선택하거나, 데이터베이스에서 특정 이벤트의 날짜를 가져온다고 가정하고(inputDate) 협정 세계시(UTC), 한국 표준시(KST)로 변환하는 예제입니다.

 

 

1. 함수

1) dateFormatKST 함수 (UTC의 시간을 KST로 변경)

-주어진 날짜를 한국 표준시(KST)로 변환합니다.

-생성된 날짜 객체의 시간을 9시간 추가하여 한국 표준시로 변환합니다.

-toISOString() 메서드를 사용하여 ISO 8601 형식의 문자열로 변환합니다.

-변환된 문자열에서 "T"를 공백으로 치환하고, 10자리만 가져와서 날짜 부분만 추출합니다.

 

2) dateFormatUTC 함수 (KST의 시간을 UTC로 변경)

-dateFormatUTC 함수는 주어진 날짜를 협정 세계시(UTC)로 변환합니다.

-생성된 날짜 객체의 날짜를 하루 전으로 설정합니다.

-생성된 날짜 객체의 시간을 15시간 추가하여 협정 세계시로 변환합니다.

-toISOString() 메서드를 사용하여 ISO 8601 형식의 문자열로 변환합니다.

 

 

2. 예제 소스코드

<script>
function dateFormatKST(d) {
	var date = new Date(d);
	date.setHours(date.getHours() + 9);
	var resDate = date.toISOString().replace('T', ' ').substring(0, 10);

	return resDate;

}
function dateFormatUTC(d) {
    var date = new Date(d);
    date.setDate(date.getDate() - 1);
    date.setHours(date.getHours() + 15);
    var resDate = date.toISOString();

    return resDate;
}

// 예제 코드
var inputDate = "2024-02-14"; // 입력된 날짜
var formattedUTCDate = dateFormatUTC(inputDate); // dateFormatUTC 함수 호출하여 변환된 날짜 가져오기
var formattedKSTDate = dateFormatKST(formattedUTCDate); // dateFormatKST 함수 호출하여 변환된 날짜 가져오기

// 결과 출력
console.log("입력된 날짜: ", inputDate);
console.log("UTC 변환된 날짜: ", formattedUTCDate);
console.log("KST 변환된 날짜: ", formattedKSTDate);
</script>

 

---