2012-06-04 14 views
6

Mam uwierzytelnionego użytkownika z określoną strefą czasową, np. "Berlin, GMT + 1". Przez wzgląd na to pytanie, powiedzmy, że mam to w zasięgu globalnym:Jaki jest najlepszy sposób obsługi stref czasowych za pomocą Javascriptu

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

co jest najlepszym rozwiązaniem, aby mieć cały JS związanych data-do odpowiednio zachowywać, co oznacza, że ​​jeśli utworzyć nowy obiekt Date it uwzględni strefę czasową.


Myślałem, że to będzie bardzo proste, ale nie wydaje się znaleźć idealny sposób, aby to zrobić w Google/SO. Uprzywilejowałbym odpowiedź, która nie wymaga żadnej zewnętrznej biblioteki.

Odpowiedz

0

Co powiesz na coś takiego?

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); 
+0

Dzięki za odpowiedź, ale nie wydaje się optymalna – marcgg

+0

FYI, autor postu zaleca użycie https://bitbucket.org/pellepim/jstimezonedetect zamiast – Denis

1

skłaniam się do przechowywania wszystkich dat po stronie serwera przy użyciu czas UTC, a kiedy jestem obsługi danych pochodzących z powrotem poprzez AJAX wzywa, aby stworzyć globalną obsługi który robi trochę analizowania.

Poniższy przykład pozwala po prostu użyć:

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... 
    } 
}); 

Ale to wstępnie przetwarza żadnych zwracanych wartości w „dane” elementu Funkcja „sukces” poprzez ustalenie daty czasu UTC do lokalnej strefy czasowej. Bądź świadomy - po wykonaniu tej czynności dalsze przetwarzanie danych będzie wymagało naprawy przez użytkownika przed wysłaniem z powrotem na serwer, lub zostanie przesłane z powrotem wraz z odsunięciem.

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; 
    } 
}); 

Wszystkie te ustawienia, aby dostać się do tego. Jeśli zajmujesz się takimi sprawami, jak daty w OnPostSuccess, możesz mieć pewność, że są zawsze we właściwym formacie - i zawsze we właściwej strefie czasowej.

, czy nie używasz powyższe AJAX metody, można użyć FixDate metodę następująco:

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

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

Aby zobaczyć przykład w działaniu, sprawdź następujące jsFiddle:

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

Uwaga: obejmuje to również bity AJAX - ale nie są one używane w tym przykładzie - tylko tam dla kompletności.

0

może Dojo Toolkit może dać Ci kilka pomysłów, które [ze względu na fakt, że nie chcesz zewnętrznej biblioteki;)]

Dojo Toolkit pochodzi z ładnym klasie Date/Time-manipulacji iz pełną obsługa lokalizacji, nawet z obsługą stref czasowych. http://dojotoolkit.org/api/1.6/dojo/date

Powiązane problemy