JavaScript 獲取時區


在一個大型的項目中,不可避免會出現操作時間的業務,比如時間的格式化,比如時間的加減,我們一般會直接使用moment.js庫來做,畢竟穩定可靠,也方便,那當我們系統只是幾個簡單頁面,對時間的操作並不是很大,引入庫文件並不是很必須的情況,我們需要時區展示怎么辦?是不是可以用瀏覽器支持的原生方法來實現?

時區

啥是時區?

時區是地球上的區域使用同一個時間定義。以前,人們通過觀察太陽的外置(時角)決定時間,這就使得不同經度的地方的時間各有不同,為了統一使用同一個時間,就引入了時區的概念。時區通過設立一個標准時間部分地解決了這個問題。世界各國位於地球的不同位置,因此不同國家,特別是東西跨度大的國家日出、日落時間必定有偏差,這些偏差就是時差。

時區表示法

協調世界時(UTC)是最主要的世界時間標准,其以院子時秒長為基礎,在時刻上盡量接近於格林威治標准時間。協調世界時是世界上調調節時鍾和時間的主要標准。如果時間是以協調世界時(UTC)表示,則在時間后面加上“Z”,“Z”是協調世界時中0時區的標志。UTC時間也叫祖魯時間,因為在北約音標字母中用“Zulu”表示“Z”。

UTC偏移量的表示形式為:±[hh]:[mm]±[hh][mm]或者±[hh]。比如北京時間比協調世界時(UTC)早八小時,那么應當表示為:UTC+8

JavaScript獲得當前客戶端的時區

Intl對象是ECMAScript國際化API的一個命名空間,它提供了精確的字符串對比、數字格式化和日期格式化。我們需要使用這個API的DateTimeFormat對象。具體可以參考:MDN Intl.DateTimeFormat

獲得客戶端當前時區:

Intl.DateTimeFormat().resolvedOptions().timeZone

 

可以看到輸出:Asia/Shanghai,即我所在時區為上海。

我們知道了在哪個時區,但是我們需要同時表示UTC+n的形式,那我們怎么知道當前時區的UTC偏移量呢?

我們可以通過Date對象實例的getTimezoneOffset方法獲取(注意返回的結果的單位為分):

new Date().getTimezoneOffset()

 

可以看到輸出的是-480,這樣獲得到的是0時區的時間差(0時區減去當前所在時區,單位是分鍾)。

中國標准時間是以東八區為准,比0時區的時間要早8小時。所以是-480,除以60就是所在時區:然后-480 / 60 = -8,即現在這個時區的偏移量為0 - (-8) = 8,即表示為:UTC+8 ,代碼為:

'UTC+' + (0 - new Date().getTimezoneOffset() / 60); // 輸出:UTC+8

 

需要注意的是,不管你以何參數實例化一個Date對象,js在本地存儲時,都會轉化為本地時區,js不會幫你存儲實例化該日期時的時區信息。

相比較來說,moment.js是一個很好的時間處理的庫,如果有時間操作的業務還是直接使用moment.js庫方便一點,當然,只是顯示一下時區之類的,可以直接用上面簡單處理即可。

 

轉發:https://blog.tcs-y.com/2020/01/30/js-time-zone/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM