客户端时区是否与为用户指定的时区相同（javascript/moment.js/moment-timezone.js）

Question

我希望能够获取客户端浏览器运行所在的时区，以便将其与用户的本地时区进行比较，我通过“美国/温哥华”之类的配置选项知道该时区。我正在使用 moment.js 和 moment-timezone.js，但我不知道该怎么做！

更新：我真的不需要客户端的时区来获得我想要的功能 - 我只需要知道它是否与我在配置选项中指定为用户的时区不同。我已经找到了解决这个问题的方法，它不需要加载一个全新的库，如下所示。

（已更新问题以使其更清晰。）

Answer 1

我不确定“客户端的浏览器”和“用户的时区”有什么区别？

您可以使用以下方法在几分钟内获取当前用户与 GMT 的时区偏移：

moment().zone();

moment.js docs Timezone Offset

Answer 2

我醒来时得到了一个有效的答案：

function awayFromHomeTZ(tz) {
    var there = moment.tz(tz);
    var here = moment();
    var thereHHMM = there.hour() * 60 + there.minute();
    var hereHHMM = here.hour() * 60 + here.minute();
    return Math.abs(thereHHMM - hereHHMM) > 59;
}

小提琴：http://jsfiddle.net/0418th02/4/

Answer 3

你不需要时间来做这件事，它是一个原生的 javascript 函数：

var offset = new Date().getTimezoneOffset();

然后您只需将来自客户端的偏移量（“客户端时区”）与来自服务器的偏移量（“用户时区”，假设以某种方式存储在数据库或配置文件中）进行比较，并在调整演示文稿中的日期时间值时应用差异层（例如；您还可以将此与通常将日期显示本地化为客户/用户的文化相结合）。

示例：

如果您的客户端 TZ 偏移量是 -480（-8 GMT，又名“PST”），而您的服务器 TZ 偏移量是 -8，则在显示来自服务器的调整后时区相关数据时，它们会相互抵消。请注意，“服务器时区”也可以指应用程序中已知用户的时区，然后只需将该区域的时区偏移量与客户端 TZ 偏移量进行比较。

使用原生 JS 的小提琴： http://jsfiddle.net/34qfwf1y/1/

代码：

// client TZ (offset from GMT)
var clientTZOffset = new Date().getTimezoneOffset() * -1;

// user home TZ from server (faked here; pretend you got it from server and passed it to js)
// pretend user's home is in Los Angeles (using Pacific Daylight Time since it is 28 October 2014 today)
var User = {
    Profile: {
        TimeZoneOffset: -420
    }
}; // server is GMT -7

var origDate = new Date();
var diff = User.Profile.TimeZoneOffset - clientTZOffset;
var clientTZHoursFromGMT = clientTZOffset / 60;
var homeTZHoursFromGMT = User.Profile.TimeZoneOffset / 60;
var adjDate = new Date(origDate.getTime() + diff*60000);

document.getElementById('isHomeTZ').innerHTML = (clientTZHoursFromGMT===homeTZHoursFromGMT).toString().toUpperCase();
document.getElementById('originalDate').innerHTML = origDate.toString();
document.getElementById('adjustedDate').innerHTML = adjDate.toString();
document.getElementById('homeTZ').innerHTML = homeTZHoursFromGMT.toString();
document.getElementById('clientTZ').innerHTML = clientTZHoursFromGMT.toString();

Client is in user's home time zone (PDT):
<div id="isHomeTZ"></div>
<br/>Original date (ignore TZ display, pretend it is PDT / Los Angeles):
<div id="originalDate"></div>
<br/>Saved User's Home TZ (simulated; in hours from GMT)
<div id="homeTZ"></div>
<br/>Client TZ (in hours from GMT)
<div id="clientTZ"></div>
<br/>Adjusted date (in client timezone)
<div id="adjustedDate"></div>