在一個大型的項目中,不可避免會出現操作時間的業務,比如時間的格式化,比如時間的加減,我們一般會直接使用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/