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获取世界各地实时时间
基础教程推荐
猜你喜欢
- vuejs大屏BI数字滚动效果 2024-12-07
- jquery.qrcode.js生成二维码并转成图片格式 2022-10-30
- cocos creator游戏实现loading加载页面,游戏启动加载动画 2022-10-30
- 微信小程序在text文本实现多种字体样式 2024-01-09
- Angular实现表格自滚动效果 2024-01-17
- 基于ThinkPHP实现批量删除 2024-03-08
- 解决微信内置浏览器返回上一页强制刷新问题方法 2023-12-15
- JavaScript函数中关于valueOf和toString的理解 2023-12-15
- Vue项目开发如何添加请求拦截器和响应拦截器 2025-01-11
- 微信小程序实现页面导航与传参功能详解 2022-08-31
