如何在javascript中将日期时间微格式转换为本地时间？答案

【问题标题】：How can I convert datetime microformat to local time in javascript?如何在javascript中将日期时间微格式转换为本地时间？
【发布时间】：2010-09-30 23:38:35
【问题描述】：

我有一个页面当前使用datetime microformat 显示时间戳，但我只显示了我自己时区的人类可读时间：

<abbr class="published" title="2009-01-09T09:16:00-05:00">
Friday, January 9, 2009 at 9:16 am (EST)</abbr>

我想做的是将 abbr 标记的 innerHTML 重写为相同的格式，但使用用户的本地时区。所以对于西雅图的读者来说，上面应该转换为：

<abbr class="published" title="2009-01-09T09:16:00-05:00">
Friday, January 9, 2009 at 6:16 am (PST)</abbr>

我查看了Javascript Date object，它允许我获取本地时区偏移量。但我有几个问题：

我没有看到从 ISO-8601 时间戳创建新 Date 对象的简单方法。（如果没有更快的方法，我想我可以用子字符串或正则表达式解析。）
我看不到获取时区命名缩写的方法。例如，对于西雅图的读者，我希望时间在末尾附加“（PST）”，否则该用户不清楚时间戳已被转换（特别是如果他是常客并且我已经习惯了我的时间是在东部标准时间的事实）。

【问题讨论】：

标签： javascript timezone timestamp microformats

【解决方案1】：

这是我的解析 ISO 时间戳的代码：

function isoDateStringToDate (datestr) {
  if (! this.re) {
    // The date in YYYY-MM-DD or YYYYMMDD format
    var datere = "(\\d{4})-?(\\d{2})-?(\\d{2})";
    // The time in HH:MM:SS[.uuuu] or HHMMSS[.uuuu] format
    var timere = "(\\d{2}):?(\\d{2}):?(\\d{2}(?:\\.\\d+)?)";
    // The timezone as Z or in +HH[:MM] or -HH[:MM] format
    var tzre = "(Z|(?:\\+|-)\\d{2}(?:\\:\\d{2})?)?";
    this.re = new RegExp("^" + datere + "[ T]" + timere + tzre + "$");
  }

  var matches = this.re.exec(datestr);
  if (! matches)
    return null;

  var year = matches[1];
  var month = matches[2] - 1;
  var day = matches[3];
  var hour = matches[4];
  var minute = matches[5];
  var second = Math.floor(matches[6]);
  var ms = matches[6] - second;
  var tz = matches[7];
  var ms = 0;
  var offset = 0;

  if (tz && tz != "Z") {
    var tzmatches = tz.match(/^(\+|-)(\d{2})(\:(\d{2}))$/);
    if (tzmatches) {
      offset = Number(tzmatches[2]) * 60 + Number(tzmatches[4]);
      if (tzmatches[1] == "-")
        offset = -offset;
    }
  }

  offset *= 60 * 1000;
  var dateval = Date.UTC(year, month, day, hour, minute, second, ms) - offset;

  return new Date(dateval);
}

不幸的是，它也不处理时区缩写。您必须修改“tzre”表达式以接受字母，而我所知道的在 Javascript 中处理时区缩写的唯一解决方案是有一个查找表，您可以在更改区域时手动更新该表夏令时。

【讨论】：

您连续两次使用了变量“ms”，使之前的使用无效。
很好，“var ms = 0;”根本不应该在那里。回想起来，我很确定时区匹配正则表达式在某处也缺少零或一量词。

【解决方案2】：

EcmaScript 将添加 ISO-8601 样式字符串形式化为 JavaScript 日期的输入。由于大多数 JS 实现不支持这一点，我为 Date 对象创建了一个包装器，它具有此功能。如果你设置标题标签以UTC/GMT/Z/Zulu偏移量输出，你可以使用我的EcmaScript 5 extensions for JS's Date object。

对于要在客户端脚本中使用的 DateTime 值，我通常尝试始终执行以下操作。将日期+时间存储在 UTC 区域中（甚至在数据库中）。在 UTC 区域中传输日期时间。从客户端到服务器，您可以使用上述链接中的 .toISOString() 方法。从服务器到客户端，这相对容易。

通过 jQuery（带扩展名）：

$('.published').each(function(){
  var dtm = new Date(this.title);
  if (!isNaN(dtm)) {
    this.text(dtm.toString());
  }
});

我不记得我是否在输入中添加了对非 UTC 日期时间的支持，但考虑到它们并不难。

【讨论】：