时间戳

首页 > 解决方案 > Internet Explorer 11 计算时区错误

javascript - Internet Explorer 11 计算时区错误

问题描述

我知道问题的根源并搜索了半天，但仍然找不到任何好的解决方法或解决方案。

我们的 Angular 7+ 应用程序使用时区拦截器，如下所示：

import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';

@Injectable()
export class TimezoneInterceptor implements HttpInterceptor {

  constructor() {
  }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;

    if (timezone) {
      req = req.clone({
        setHeaders: {
          Timezone: timezone
        }
      });
    } else {
      console.error('Unknown Timezone!');
    }

    return next.handle(req);
  }

}

Internet Explorer 11 不支持并且resolvedOptions().timeZone;我不知道我可以使用什么来使其在所有浏览器中都能正常工作。

每一个帮助表示赞赏！

标签： javascriptangulartypescripttimezoneinternet-explorer-11

解决方案

事实上，这在 IE 11 上不受支持。请参阅Intl Compatibility Chart，在“DateTimeFormat”下，然后“resolvedOptions().timeZone 默认为主机环境”。

如果您必须支持 IE 11，那么您将需要求助于猜测用户时区的旧方法。长期以来，jsTimeZoneDetect是唯一可靠的方法。但是，它没有得到维护，所以这些天我不推荐它。

后来，Moment-Timezone添加了该moment.tz.guess()功能。由于这仍然保持在一定程度上，这可能是您唯一的选择。

两个库都将Intl在可用时使用 API，但随后回退到一种算法，该算法Date在某些关键的 DST 转换日期询问对象的各种偏移量。这就是为什么它是一个“猜测”。它通常非常准确，或者至少很接近，但在某些极端情况下不能始终识别用户计算机的确切设置。

另一个缺点是这些库必须将时区数据传送到浏览器，这会带来数据大小的开销。通过使用截断的数据文件之一（例如moment-timezone-with-data-10-year-range.min.js.

如果您不必支持 IE 11 和更早版本的浏览器，那么您可以直接使用IntlAPI，如您在问题中所示。

推荐阅读