vue js 获取不同时区的当前时间,在特定时区格式化时间戳_vue 获取浏览器时区-程序员宅基地

技术标签: 前端首发  vue  vue.js  

前言

在做跨境电商项目的时候,遇到一个设置广告营销的跨时区的时间不匹配导致广告不能同步的问题,所以就想着如何解决。


相看到这个标题就会想到用时间戳解决这个问题,我一开始也是用的时间戳直接格式化的时间,(时间戳在全时间每个时区都是相同的),但是这样会有一个问题,就是你的服务器在北京,这样你的项目在美国中部标准时区(西六区)访问转时间戳出来的时间还是北京时间(东八区)

出现这个问题的原因是我用得moment.js换的时间,所以导致代码在哪里就转的那个时间,后来就采用了指定时区的办法,就得已完美解决。

解决办法 我是引入了moment.js所以用这个方法

  mounted() {
    
    var offset = new Date() + "";     //将时间格式转为字符串
    console.log(offset);  //  Mon Nov 02 2020 20:57:20 GMT-0600 (北美中部标准时间)
    let asderf = offset.indexOf('GMT');
    let fghdfgd = offset.substring(asderf+3,asderf+8);
    console.log(fghdfgd);  //-0600    //拿到这个-0600也就是当前所在时区,然后转时间戳的
    this.current_time = fghdfgd;   //给了你定义的一个字段,在拿到数据后使用
  },
methods:{
    
         getdata(){
    
                 //拿到数据后   launchStartTimeStamp   这个就是时间戳
            //utcOffset('+0800')指定时区   东八区
                let time = this.moment(launchStartTimeStamp).utcOffset(this.current_time).format('YYYY-MM-DD HH:mm:ss');
//这个就是转换为指定时区的时间了。

            }
   }

结束语

以后遇到也需要获取指定时区的时间就可以用这个办法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ww_5211314/article/details/109670091

智能推荐

Vue数组踩坑日记props对象里面的部分数组改变无法重新渲染,视图没有根据数据变化。_vue props更新 组件没有重新渲染-程序员宅基地

文章浏览阅读8.5k次,点赞2次,收藏5次。首先声明一个组件然后往组件里面丢对象;html是在渲染以后修改数组js代码更改对象中的数组;**vue有说明在数组直接通下标改变是不会被观察到的所以我试了(vue.set但是我并不是通过下标改变而是直接改变整个组数所以一样没用)**2. 然后我又试试了强制更新this.$forceUpdate()这个倒是生效后面我又尝试使用push来试试结果一样失败了。但是具体为什么还是..._vue props更新 组件没有重新渲染

FastDFS分布式文件系统_fastdfs may be copied only under the terms of the -程序员宅基地

文章浏览阅读536次。FastDFS介绍 什么是FastDFS FastDFS是用c语言编写的一款开源的分布式文件系统。FastDFS为互联网量身定制,充分考虑了冗余备份、负载均衡、线性扩容等机制,并注重高可用、高性能等指标,使用FastDFS很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务。 FastDFS架构 FastDFS架构包括 Tracker server和Storage server。客户端请求Tracker server进行文件上传、下载,通..._fastdfs may be copied only under the terms of the gnu general public license

ToLua中加入pbc-程序员宅基地

文章浏览阅读525次。参考文档 Windows平台: http://blog.csdn.net/kudoran/article/details/72650594 https://my.oschina.net/chaloongjir/blog/755954 Mac平台: http://blog.cs..._tolua集成pbc

SQL.sql-程序员宅基地

文章浏览阅读74次。CREATE USER book IDENTIFIED BY accp;GRANT CONNECT,RESOURCE TO book;CREATE TABLE BookManage( b_Id number(10) PRIMARY KEY, b_name VARCHAR2(40) NOT NULL, b_author VARCHA...

Java——左移、右移和其他特殊运算符_java 左移-程序员宅基地

文章浏览阅读1.6k次。当涉及位操作和位级运算时,Java 提供了一组特殊的运算符,即左移()运算符。_java 左移

排错与调试_gdb查看core中的出错信息-程序员宅基地

排错与调试(摘要):本文介绍了排错与调试的方法,包括使用set -x打印脚本运行时的信息、使用GDB调试、下载GDB、生成Debug版本可执行文件、保存GDB日志、常用GDB命令、调试带参数的程序、屏蔽前置信息、设置断点、条件断点、删除和禁用断点等。该文还提到了修复导致程序崩溃的错误并重新检测的重要性。

随便推点

人工智能AI系列 - java 版的stable diffusion 图像生成_java集成stable diffusion-程序员宅基地

文章浏览阅读1.9k次。java 版的stable diffusion 图像生成_java集成stable diffusion

Matlab.R2014a编译生产的exe文件一直提示:错误使用videoinput_matlab videoinput跳出崩溃报告程序-程序员宅基地

文章浏览阅读2.7k次。一时兴起,决定把前段时间一直困扰我的问题拿出来分享下给大家。以便大家以后遇到相同问题时有可参考,可以少走很多弯路。Matlab版本:Matlab.R2014a破解版前段时间我用matlab做图像处理,程序编写过程中都是调用的Matlab标准库函数,然后又用matlab做了GUI,在matlab平台上的各种调试都顺利通过了。又用malab的mcc编译成了exe文件,这时候问题就来了,一直提示我:错误使_matlab videoinput跳出崩溃报告程序

springboot中unexpected error (type=Not Found, status=404)/WEB-INF/upload.jsp和No message available解决方案_unexpected application error!404 not found-程序员宅基地

文章浏览阅读785次。玩springboot这一路上可谓是路途艰辛,这两天就遇到了一个找不到页面的问题,可以说是花费了我很大的力气才给找到,但是又痛恨自己大意。下边就给大家分享一个错误问题的解决方案,其实这个问题包含两个子问题,先看下边两个页面:相信你对上边两个问题经常看到吧,但是,上边这是两个完全不同的问题导致的。先说第一个图这个找不到页面的问题,这个问题可能有多重原因 导致的:Application启动..._unexpected application error!404 not found

HDU 4364 Matrix operation(矩阵)_siro4364-程序员宅基地

文章浏览阅读1.2k次。转载请注明出处,谢谢 http://blog.csdn.net/ACM_cxlove?viewmode=contents by---cxlove题目:定义了一些运算,矩阵相乘水题,直接照着题目描述模拟就行了不过题目描述好模糊。。。纠结了好久注意16进制的输入输出以及位运算很方便#include #include #include #incl_siro4364

ibatis连表查询出关联的所有数据_ibatis存连表的数据-程序员宅基地

文章浏览阅读1.7k次。场景如下:业务A中有多个表: T1,,T2,,T3,,T4。其中T1对T2 是1对n的关系,T2对T3是1对n的关系,T3对T4是1对1的关系现在需要查询出T1及所有关联的数据,java bean描述如下:public class T1 { //...... private List lsT2;}public class T2{ //....... priva_ibatis存连表的数据

如何点击组件的el-button按钮触发的是原生的input上传文件的方法_button 触发input-程序员宅基地

文章浏览阅读5.7k次。有一个上传本地文件的功能,老大觉得原生的上传文件样式不好看,想让我使用组件的el-upload上传文件方法,可是原生input,type="file"代码已经写完了,我就灵机一动,可不可以使用组件的样式来触发原生input上传的方法,果然,一试可以,代码如下: <el-form-item label="附件:" class="floatLeft"> <el-button size="mini" type="prima._button 触发input