JavaScript를 사용하여 UTC 날짜 시간을 현지 날짜 시간으로 변환하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-09-12 18:05:04
앞으로
891명이 탐색했습니다.

如何使用 JavaScript 将 UTC 日期时间转换为本地日期时间?

시간대 처리는 모든 웹 애플리케이션에서 중요한 부분입니다. 백엔드에서 기록되는 시간은 일반적으로 UTC 형식입니다. 그러나 사용자에게 표시될 때는 사용자의 현지 시간으로 변환되어야 합니다. 이는 JavaScript를 통해 달성할 수 있습니다. 이 블로그에서는 JavaScript를 사용하여 UTC 날짜 시간을 현지 날짜 시간으로 변환하는 방법을 살펴보겠습니다.

자바스크립트 날짜

JavaScript에는 날짜와 시간을 다룰 수 있는 "Date" 클래스가 포함되어 있습니다. Date 클래스에는 -

를 포함하여 날짜 및 시간 작업을 위한 다양한 메서드가 포함되어 있습니다.

Date() - 현재 날짜와 시간을 밀리초 단위로 반환합니다. getTime() 현재 시간을 밀리초 단위로 반환합니다.

getUTCFulYear() - UTC 시간대로 날짜 연도를 반환합니다.

getUTCMonth() - UTC 시간대로 날짜 월을 반환합니다.

getUTCDate() - 날짜의 월과 일을 UTC 시간대로 반환합니다.

getUTCHours() - UTC 시간대로 날짜 시간을 반환합니다.

getUTCMinutes() - UTC 시간대로 날짜 분을 반환합니다.

getUTCSeconds() - UTC 시간대로 날짜의 초를 반환합니다.

UTC를 현지 시간으로 변환

getTimezoneOffset() 메서드를 사용하여 UTC 날짜 시간을 현지 날짜 시간으로 변환해야 합니다. 이 메서드는 UTC와 현지 시간 사이의 시차를 분 단위로 반환합니다. 그런 다음 이 분 차이를 사용하여 UTC 날짜 시간을 현지 날짜 시간으로 변환할 수 있습니다.

예를 들어 다음 코드는 UTC 날짜 시간을 현지 날짜 시간으로 변환합니다.

으아악

여기서 현재 UTC 날짜와 시간을 보유하는 "utc"라는 새 날짜 개체를 볼 수 있습니다. 그런 다음 getTimezoneOffset() 함수를 사용하여 UTC와 현지 시간 사이의 시차를 분 단위로 계산합니다. 마지막으로 이 양을 UTC 시간(밀리초)에 추가하여 현지 시간을 계산합니다.

마찬가지로 지정된 UTC 날짜 시간을 현지 날짜 시간으로 변환할 수 있습니다. 이제 UTC 날짜와 시간을 Date() 함수 Object() { [네이티브 코드] }에 매개 변수로 제공하면 됩니다. UTC 날짜 시간 "2018-11-12 12:00:00"을 현지 날짜 시간으로 변환하는 코드를 살펴보겠습니다 −

Example

으아악

UTC 날짜와 시간을 Date() 생성자에 문자열로 전달했습니다. 그런 다음 이전과 동일한 방법을 사용하여 UTC 날짜/시간을 현지 날짜/시간으로 변환합니다.

현지 시간을 UTC로 변환

이제 현지 시간에서 UTC로 어떻게 얻을 수 있나요? 현지 날짜 시간을 UTC 날짜 시간으로 변환하려면 getTimezoneOffset() 메서드를 한 번 더 사용하면 됩니다. 이 함수는 UTC와 현지 시간 사이의 시차를 분 단위로 반환합니다. 차이 숫자를 사용하여 현지 날짜 시간을 UTC 날짜 시간으로 변환할 수 있습니다.

예를 들어 다음 코드는 현지 날짜 시간을 UTC 날짜 시간으로 변환합니다.

으아악

위 코드에서는 먼저 현재 현지 날짜와 시간을 포함하는 "local"이라는 새 Date 개체를 만듭니다. 그런 다음 getTimezoneOffset() 메서드를 사용하여 UTC와 현지 시간 사이의 시차를 분 단위로 가져옵니다. 이 값을 현지 시간(밀리초)에서 뺀 후 UTC 시간을 얻습니다.

현지 날짜와 시간을 Date() 생성자에 인수로 전달하여 특정 현지 날짜 시간을 UTC 날짜 시간으로 변환할 수도 있습니다. 예를 들어 다음 코드는 "2018-11-12"의 현지 날짜 시간을 변환합니다. 12:00:00"을 UTC 날짜 시간으로 −

으아악

현지 날짜와 시간을 Date() 생성자에 문자열로 전달합니다. 그런 다음 이전과 동일한 방법을 사용하여 현지 날짜/시간을 UTC 날짜/시간으로 변환합니다.

결론

이 튜토리얼에서는 JavaScript를 사용하여 UTC 날짜 시간을 현지 날짜 시간으로 변환하는 방법을 배웠습니다. 또한 JavaScript Date 클래스는 UTC 날짜 시간을 로컬 날짜 시간으로 변환하는 데 사용할 수 있는 getTimezoneOffset()과 같이 날짜 및 시간 작업을 위한 다양한 메서드를 제공한다는 것도 배웠습니다. 또한 이 블로그에서 동일한 방법을 사용하여 현지 날짜 시간을 UTC 날짜 시간으로 변환하는 방법도 배웠습니다. 시간대 처리는 모든 웹 애플리케이션의 중요한 측면이며 시간이 사용자에게 올바르게 표시되도록 시간을 올바르게 변환하는 것도 중요합니다.

위 내용은 JavaScript를 사용하여 UTC 날짜 시간을 현지 날짜 시간으로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿