首頁 > web前端 > js教程 > 如何在 JavaScript 和 jQuery 中將 UTC 日期時間轉換為本機日期時間?

如何在 JavaScript 和 jQuery 中將 UTC 日期時間轉換為本機日期時間?

Mary-Kate Olsen
發布: 2024-12-14 12:36:11
原創
918 人瀏覽過

How to Convert UTC Date-Time to Local Date-Time in JavaScript and jQuery?

將UTC 日期時間轉換為本地日期時間

從伺服器接收UTC 格式的日期時間變數時,例如「6/29/2011 4: 52:48 PM”,出於顯示目的,通常需要將其轉換為用戶本地時區。這可以使用 JavaScript 或 jQuery 來實作。

使用JavaScript

要使用JavaScript 將UTC 時間的日期時間的字串表示形式轉換為使用者的本地時區,請將「UTC」附加到字串在將其轉換為日期之前:

var date = new Date('6/29/2011 4:52:48 PM UTC');
登入後複製

這將建立一個Date 對象,表示使用者本地時區的日期和時間。 Date 物件的toString() 方法可用於取得字串格式的日期和時間以供顯示:

date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"
登入後複製

使用jQuery

jQuery 提供了類似的方法來轉換UTC 日期時間轉換為本地日期時間。若要使其運作,文件中必須包含moment-timezone 函式庫:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.18/moment-timezone.min.js"></script>
登入後複製

載入moment-timezone 函式庫後,您可以使用以下jQuery 程式碼將UTC 日期時間字串轉換為使用者的本機時間time zone :

var date = moment.utc('6/29/2011 4:52:48 PM').local().format('MM/DD/YYYY HH:mm:ss a');
登入後複製

這將建立一個日期對象,表示使用者本地時區的日期和時間。 moment 物件的 format() 方法可用來取得字串格式的日期和時間進行顯示。

以上是如何在 JavaScript 和 jQuery 中將 UTC 日期時間轉換為本機日期時間?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板