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 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue利用moment获取世界各地实时时间
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
猜你喜欢
- javascript cookie的基本操作(添加和删除) 2024-01-14
- 手把手教你用Javascript实现观察者模式 2023-08-12
- php – 我应该在我的数据库中使用哪种类型的html文本? 2023-10-25
- 浅谈Vue3 Composition API如何替换Vue Mixins 2024-02-25
- 低代码从0到1创建小程序项目详解流程 2022-08-30
- 浅谈Ajax请求与浏览器缓存 2023-01-20
- javascript – 如何通过AJAX将HTML5 sqlite结果集发送到服务器 2023-10-26
- 使用AJAX和Django获取数据的方法实例 2024-01-14
- vuecli4配置路由 简单记录一下 2023-10-08
- 掌握盒模型轻松DIV CSS网页布局 2024-02-05