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获取世界各地实时时间
基础教程推荐
猜你喜欢
- 1 Vue - 简介 2023-10-08
- DIV+CSS 三栏布局实例代码 2023-12-22
- 深入理解CSS行高line-height与文本垂直居中的原理 2024-04-26
- Ajax动态为下拉列表添加数据的实现方法 2023-01-26
- 7.表格标签.html 2023-10-28
- js保存当前路径(cookies记录) 2024-03-20
- 对于织梦CMS各目录内文件的说明详解 2024-04-08
- javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印第2/2页 2024-02-05
- 小程序实现简单验证码倒计时 2022-08-30
- Vue中的keep-alive是做什么用的? 2022-09-08