vue2封装公共方法--将时间戳和时区转成对应地区的年月日时间

在项目 src/utils/tool.js(自定义js文件)中写下公共方法:

import moment from 'moment-timezone' //引入moment

/**
* 格式化秒数为 UTC+时区时间格式
* */
//time为毫秒级时间戳,timezone为国际时区
export function timeFilter(time, timezone) {
    if (!time) return '--'
    time = Number(time);    // 保证为number类型
    timezone = timezone || 'Etc/UTC'
    let timeFoot = moment(time).tz(timezone).format('Z')
    let timeHead = moment(time).format('YYYY/MM/DD HH:mm:ss');
    return time ? timeHead + ' UTC' + timeFoot : '--'
}

在页面中运用该方法:

<script>
import { timeFilter } from '@/utils/tool'  //引入我们写的timeFilter 方法
export default {
  methods: {
     getNowTime() {
     	//传入我们需要转换的updateTimeStamp和timeZone  
     	//格式为 updateTimeStamp = 1683703286504
     	//格式为 timeZone = PRC
     	//结果为 nowTime = 2023/05/10 15:21:26 UTC+08:00
     	this.nowTime = timeFilter(this.updateTimeStamp, this.timeZone);
    },
  }
}
</script>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值