首页 > 其他分享 >js获取时区偏移量

js获取时区偏移量

时间:2023-02-25 13:04:51浏览次数:37  
标签:00 return 偏移量 js 获取 abs time Date


需求

时间要求显示如下,需要带上时区偏移量

2023/02/21 20:40:47 +08:00

js如何计算这个偏移量

执行 getTimezoneOffset() 方法会返回 UTC 相对于当前时区的相差分钟数。我们只需要再除以 -60 就得到了小时的偏移量。

// 时区偏移量
function timeFormatZoneOffset() {
let offset = new Date().getTimezoneOffset() / -60; // 当前时区偏移量
return `${timeZoneOffset(offset)}`;
}
// 返回时区 +08:00 -07:00
function timeZoneOffset(time) {
if (time === 0) {
return `00:00`;
}
if (time > 0) {
return (time < 9 ? `+0${time}:00` : `+${time}:00`);
}
if (time < 0) {
let abs = Math.abs(time);
return (time < 9 ? `-0${abs}:00` : `-${abs}:00`);
}
}

小知识

当我电脑是东八区时

时间处理库 momnet

js获取时区偏移量_Math


new Date()

js获取时区偏移量_Math_02


当我电脑是东八区时

js获取时区偏移量_vue.js_03


可以得出结论: moment 库 和 new Date() 其实是会对时间戳,根据客户端本地的时区自动进行转换的


标签:00,return,偏移量,js,获取,abs,time,Date
From: https://blog.51cto.com/u_15881945/6085300

相关文章

  • js实战-删除指定行、控制键盘的输入
    资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战),本人才疏学浅,记录笔记以供日后回顾删除指定行、控制键盘的输入的视频链接个人总结知识点1.本节主要目的:(1)当......
  • 日期对象js
    实例化1.得到当前时间consttime=newDate()console.log(time)//SatFeb25202310:59:18GMT+0800(中国标准时间)!!!在node端得到的时间是2023-02-25T02:58:46.3......
  • vue.js代码030
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script><st......
  • vus.js代码029
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......
  • vue.js代码028
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......
  • vus.js代码027
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......
  • vue.js代码026
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......
  • vue.js代码022
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......
  • vue.js代码021
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......
  • vue.js代码025
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件绑定</title><scripttype="text/javascript"src="../js/vue.js"></script></head>......