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获取世界各地实时时间


基础教程推荐
猜你喜欢
- Vue.js中引入图片路径的几种方式 2023-10-08
- 基于JavaScript实现仿京东图片轮播效果 2023-12-01
- 简单JS打造酷炫代码雨(黑客高逼格) 2023-12-21
- 使用webapi绑定layui数据表格完整增删查改记录 2022-12-17
- Vue中如何实现动态路由的示例代码 2023-07-10
- JavaScript使用localStorage存储数据 2024-01-29
- ajax实现异步文件或图片上传功能 2023-01-26
- css float left布局换行不正常问题的解决 2024-01-25
- Three.js+React实现3D文字悬浮效果 2024-01-23
- AJAX实现图片预览与上传及生成缩略图的方法 2023-01-21