什么是用Javascript处理时区的最佳方式

Question

我有一个具有给定时区的认证用户， “柏林，GMT + 1”。对于这个问题的缘故，让我们说我有这个在全球范围内：

var timeZone = "Berlin"; 
var gmtDistance = 1; 

什么是最好的解决方案将所有的日期相关的JS到相应的行为，这意味着如果我创建一个新的Date对象它将考虑到时区。

---

我想那会很简单，但我似乎还没有找到做这在谷歌/ SO的完美方式。我会特权一个不需要任何外部库的答案。

Answer 1

这样的事情呢？

http://www.onlineaspect.com/2007/06/08/auto-detect-a-time-zone-with-javascript/

var rightNow = new Date(); 
var jan1 = new Date(rightNow.getFullYear(), 0, 1, 0, 0, 0, 0); 
var temp = jan1.toGMTString(); 
var jan2 = new Date(temp.substring(0, temp.lastIndexOf(" ")-1)); 
var std_time_offset = (jan1 - jan2)/(1000 * 60 * 60); 

Answer 2

我的选择是使用存储UTC时间在服务器端的所有日期，而当我在处理数据通过AJAX调用回来，创建一个全球性的处理，做一些分析。

下面的例子可以让你简单地使用：

app.ajax({ 
    url: '/My/Post/Url', 
    data: { 
     MyProperty: 'MyValue' 
    }, 
    success: function (data, status, xhr) { 
     // Do stuff here... 
    }, 
    error: function (xhr, settings, error) { 
     // Do stuff here... 
    } 
}); 

但是，它预先解析通过UTC时间日期固定在本地时区中的“成功”功能的“数据”元素的任何返回值。请注意 - 执行此操作后，如果您进一步处理数据，则需要在将数据发送回服务器之前对其进行修复，否则您将使用偏移量进行备份。

var app = window.app = $.extend(true, {}, app, { 
    // Creating a namespace for my app which is safe across multiple files. 
    ajax: function (options) { 
     var defaultSettings = { 
      type: 'POST', 
      async: true 
     }; 

     // Capture the settings. 
     var settings = $.extend(true, {}, defaultSettings, options); 

     // Install our general handlers; 
     if (settings.success) { 
      settings.success = function (data, textStatus, jqXHR) { 
       app.OnPostSuccess(data, textStatus, jqXHR, options.success); 
      } 
     } else 
      settings.success = app.OnPostSuccess; 

     if (settings.error) { 
      settings.error = function (jqXHR, ajaxSettings, thrownError) { 
       app.OnPostError(event, jqXHR, ajaxSettings, thrownError, options.error); 
      } 
     } else 
      settings.error = app.OnPostError; 

     $.ajax(settings); 
    }, 
    OnPostSuccess: function (data, textStatus, jqXHR, fn_after) { 
     // Do my generalized success handling here. 

     // Fix Dates. 
     var fixedData = app.FixDate(data); 

     // Call any other handler that's been specified. 
     if (typeof fn_after === 'function') 
      fn_after(fixedData, textStatus, jqXHR); 
    }, 
    OnPostError: function (jqXHR, ajaxSettings, thrownError, fn_after) { 
     // Do my generalized error handling here. 

     // Call any other handler that's been specified. 
     if (typeof fn_after === 'function') 
      fn_after(jqXHR, ajaxSettings, thrownError); 
    }, 
    FixDate: function (obj) { 
     var fixed = obj; 

     if (typeof obj == 'string' && obj.indexOf('\/Date(') == 0) { 
      // Microsoft date "/Date(12345678)/" - convert to real date. 
      fixed = new Date(parseInt(fixed.substr(6, fixed.length - 8), 10)); 
     } 

     if (typeof fixed === 'object') { 
      if (fixed.getTimezoneOffset) { 
       // If the value is a date, apply timezone correction. 
       var now = new Date(); 
       var offset = now.getTimezoneOffset(); // # of minutes from GMT. 
       fixed = new Date(fixed.getTime() + offset * 60000); 
       // This updates the value based on the offset. 
      } else { 
       // Otherwise, update each of its properties. 
       // This fixes objects with dates for properties, recursively. 
       $.each(fixed, function (index, value) { 
        fixed[index] = app.FixDate(value); 
       }); 
      } 
     } 

     return fixed; 
    } 
}); 

所有这些设置都可以达到此目的。如果您现在在OnPostSuccess中处理日期等事情，则可以确保它们始终处于正确的格式，并且始终处于正确的时区。

var MyObj = { 
    MyDate: "\/Date(12345678)\/" 
}; 

console.log('Before: ', MyObj.MyDate); 
MyObj = app.FixDate(MyObj); 
console.log('After: ', MyObj.MyDate); 

在行动中看到的例子，看看下面的jsfiddle：

无论您使用上述AJAX方法，你可以按如下方式使用FixDate方法

http://jsfiddle.net/TroyAlford/TBNVV/

注意：这还包括AJAX位 - 但它们不在示例中使用 - 仅在此处才有完整性。

Answer 3

也许Dojo工具包可以给你一些想法[由于这样的事实，即你不希望外部库;）]

Dojo Toolkit的有一个很好类日期/时间处理及全本地化支持，即使有时区支持。 http://dojotoolkit.org/api/1.6/dojo/date