vue利用moment获取世界各地实时时间

1、引入脚手架

import moment from 'moment'; 
import 'moment/locale/zh-cn'; 
import 'moment-timezone';

//如果没有安装，根据需要安装脚手架

2、根据国家区域参数获取当前国家moment里面的时间参数

moment.tz.zonesForCountry('US');

//获取结果
[
    "America/Adak",
    "America/Anchorage",
    "America/Boise",
    "America/Chicago",
    "America/Denver",
    "America/Detroit",
    "America/Indiana/Indianapolis",
    "America/Indiana/Knox",
    "America/Indiana/Marengo",
    "America/Indiana/Petersburg",
    "America/Indiana/Tell_City",
    "America/Indiana/Vevay",
    "America/Indiana/Vincennes",
    "America/Indiana/Winamac",
    "America/Juneau",
    "America/Kentucky/Louisville",
    "America/Kentucky/Monticello",
    "America/Los_Angeles",
    "America/Menominee",
    "America/Metlakatla",
    "America/New_York",
    "America/Nome",
    "America/North_Dakota/Beulah",
    "America/North_Dakota/Center",
    "America/North_Dakota/New_Salem",
    "America/Phoenix",
    "America/Sitka",
    "America/Yakutat",
    "Pacific/Honolulu"
]
//上面的数据小编经过整理，脚手架获取的数组只有timezone
//下面是获取美国芝加哥的实时时间代码
moment().tz('America/Chicago').format('YYYY年MM月DD日 HH:mm:ss')

3、获取所有区域名称参数

moment.tz.names()

进入世界各地实时时间页面

以上是编程学习网小编为您介绍的“vue利用moment获取世界各地实时时间”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。