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.
Dzięki za odpowiedź, ale nie wydaje się optymalna – marcgg
FYI, autor postu zaleca użycie https://bitbucket.org/pellepim/jstimezonedetect zamiast – Denis