首頁 > web前端 > js教程 > 如何使用 JavaScript 或 jQuery 將 UTC 日期和時間轉換為使用者本機瀏覽器時區?

如何使用 JavaScript 或 jQuery 將 UTC 日期和時間轉換為使用者本機瀏覽器時區?

Linda Hamilton
發布: 2024-12-06 07:35:12
原創
995 人瀏覽過

How Can I Convert UTC Date and Time to a User's Local Browser Time Zone Using JavaScript or jQuery?

將UTC 日期和時間轉換為本地瀏覽器時區

從伺服器檢索日期和時間資訊時,通常以協調世界時提供(世界標準時間)。然而,以使用者的本地時區顯示這些值對於使用者友好的應用程式至關重要。 JavaScript 和 jQuery 提供了方便的方法來實作這種轉換。

使用 JavaScript 將 UTC 轉換為本地時間

JavaScript Date 物件接受 UTC 格式的字串。要將UTC 字串轉換為瀏覽器的本機時區,只需在建立新的Date 物件之前將「UTC」附加到該字串即可:

var utcDateTime = "6/29/2011 4:52:48 PM";
var utcDate = new Date(utcDateTime + " UTC");

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

產生的utcDate 物件將表示與所提供的UTC 等效的本地時間string.

使用jQuery 將UTC轉換為本地時間Time

jQuery 透過其utc() 和local() 函數進一步簡化了這個過程:

var utcDateTime = "6/29/2011 4:52:48 PM";
var localDate = $.utc(utcDateTime).local();

console.log(localDate.format()); // "2011-06-29T09:52:48-07:00"
登入後複製

localDate 物件是一個moment 對象,提供額外的時間操作和格式化能力。

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

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