VUE中使用Moment Time-zone解決UTC時間跟本地時間的說明

[toc]

安裝

npm install moment-timezone --save

引用

import moment from 'moment-timezone'

使用

獲取用戶時區(qū)

moment.tz.guess()

默認(rèn)情況下欣硼,Moment Timezone會緩存檢測到的時區(qū)坟奥,也就是后續(xù)調(diào)用moment.tz.guess()將始終返回相同的值(即使在兩次調(diào)用中已經(jīng)更改了時區(qū))母廷。
要忽略緩存并使用新值覆蓋緩存斑举,需要調(diào)用帶參數(shù)的方法:

moment.tz.guess(true)

使用(解析)時區(qū)

給已知時間加上時區(qū)

使用方法:moment.tz(..., String)赐纱,最后一個參數(shù)String是時區(qū)標(biāo)識符:

let a = moment.tz('2021-08-20 10:00:00', 'Asia/Monterrey')
let b = moment.tz('2021-08-20 10:00:00', 'America/New_York')

a.format('YYYY/MM/DD HH:mm:ss Z z') //2021/08/20 10:00:00 -05:00 CDT
b.format('YYYY/MM/DD HH:mm:ss Z z') //2021/08/20 10:00:00 -04:00 EDT

a.utc().format()    //2021-08-20T15:00:00Z
b.utc().format()    //2021-08-20T14:00:00Z

創(chuàng)建的時刻具有不同的UTC時間脊奋,是因為這些時刻是在不同的時區(qū)創(chuàng)建的。

將已知時間轉(zhuǎn)換到指定時區(qū)

使用方法:moment(...).tz(String)疙描,String是時區(qū)標(biāo)識符:

let a = moment('2021-08-20 10:00:00').tz('America/Monterrey')
let b = moment('2021-08-20 10:00:00').tz('America/New_York')

a.format('YYYY/MM/DD HH:mm:ss Z z') //2021/08/19 21:00:00 -05:00 CDT
b.format('YYYY/MM/DD HH:mm:ss Z z') //2021/08/19 22:00:00 -04:00 EDT

a.utc().format()    //2021-08-20T02:00:00Z
b.utc().format()    //2021-08-20T02:00:00Z

首先moment('2021-08-20 10:00:00')即在默認(rèn)時區(qū)中創(chuàng)建對象诚隙,然后tz(String)將其時區(qū)更改為指定的時區(qū)
創(chuàng)建的時刻具有相等的UTC時間,因為這些時刻是在默認(rèn)時區(qū)中創(chuàng)建的


注意:上面兩種方法得到不同結(jié)果的原因是因為傳入的時間字符串'2021-08-20 10:00:00'本身是沒有時區(qū)標(biāo)識的起胰,所以在轉(zhuǎn)換的時候不同方法會加上不同的時區(qū)標(biāo)識導(dǎo)致的差異久又,但是如果傳入的時間本身就是能明確時間的時間戳UTC時間('2021-10-31T07:01:00Z')的話效五,這兩種方法得到的結(jié)果就是一樣的了地消。


格式化

moment.tz(String).format("Z z"); // -08:00 CST
moment.tz(String).zoneAbbr();    // CST
moment.tz(String).zoneName();    // CST
代號 用途 示例
大寫Z 獲取偏移量 +08:00
小寫z 獲取縮寫時區(qū)名稱 CST

注意:小寫z格式化標(biāo)記并不總是顯示縮寫的時區(qū)名稱,而是顯示每個區(qū)域的時間偏移畏妖。

moment.tz('America/Los_Angeles').format('z')  // "PDT"     (abbreviation)
moment.tz('Asia/Magadan').format('z')         // "+11"     (3-char offset)
moment.tz('Asia/Colombo').format('z')         // "+0530"   (5-char offset)

設(shè)置默認(rèn)時區(qū)

moment.tz.setDefault(zone); //設(shè)置默認(rèn)時區(qū)為zone代表的時區(qū)脉执。
moment.tz.setDefault(); //重置默認(rèn)時區(qū)為本地時區(qū)。

注意:后續(xù)調(diào)用moment.tz.setDefault不會影響現(xiàn)有moment對象或其克隆戒劫。

官方文檔

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末半夷,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子迅细,更是在濱河造成了極大的恐慌巫橄,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件茵典,死亡現(xiàn)場離奇詭異湘换,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門彩倚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來筹我,“玉大人,你說我怎么就攤上這事署恍∑槔#” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵盯质,是天一觀的道長袁串。 經(jīng)常有香客問我,道長呼巷,這世上最難降的妖魔是什么囱修? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮王悍,結(jié)果婚禮上破镰,老公的妹妹穿的比我還像新娘。我一直安慰自己压储,他們只是感情好鲜漩,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著集惋,像睡著了一般孕似。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上刮刑,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天喉祭,我揣著相機與錄音,去河邊找鬼雷绢。 笑死泛烙,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的翘紊。 我是一名探鬼主播蔽氨,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼帆疟!你這毒婦竟也來了孵滞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤鸯匹,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后泄伪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體殴蓬,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了染厅。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痘绎。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖肖粮,靈堂內(nèi)的尸體忽然破棺而出孤页,到底是詐尸還是另有隱情,我是刑警寧澤涩馆,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布行施,位于F島的核電站,受9級特大地震影響魂那,放射性物質(zhì)發(fā)生泄漏蛾号。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一涯雅、第九天 我趴在偏房一處隱蔽的房頂上張望鲜结。 院中可真熱鬧,春花似錦活逆、人聲如沸精刷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽怒允。三九已至,卻和暖如春琴庵,著一層夾襖步出監(jiān)牢的瞬間误算,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工迷殿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留儿礼,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓庆寺,卻偏偏與公主長得像蚊夫,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子懦尝,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容