Pracowałem nad rozwiązaniem tego problemu, ponieważ żadna z powyższych odpowiedzi mi nie pomogła. Pracuję z kalendarzem tygodnia jquery i potrzebowałem, aby moje daty zawierały informacje o strefie czasowej na serwerze i lokalnie na stronie. Po dłuższym przekopaniu się wymyśliłem rozwiązanie, które może pomóc innym.
Korzystam z asp.net 3.5, vs 2008, asp.net MVC 2 i kalendarza tygodnia jquery,
Po pierwsze, korzystam z biblioteki napisanej przez Stevena Levithana, która pomaga radzić sobie z datami po stronie klienta, biblioteki dat Stevena Levithana . Format isoUtcDateTime jest idealny do tego, czego potrzebowałem. W moim wywołaniu AJAX jquery korzystam z funkcji formatowania dostarczonej z biblioteką w formacie isoUtcDateTime, a gdy wywołanie ajax trafia w moją metodę akcji, rodzaj datetime jest ustawiony na lokalny i odzwierciedla czas serwera.
Kiedy wysyłam daty na moją stronę za pośrednictwem AJAX, wysyłam je jako ciągi tekstowe, formatując daty przy użyciu „ddd, dd MMM rrrr GG:„ mm ”:„ ss ”GMT'zzzz”. Ten format można łatwo przekonwertować po stronie klienta
var myDate = new Date(myReceivedDate);
Oto moje kompletne rozwiązanie bez źródła Steve'a Levithana, które można pobrać:
Kontroler:
public class HomeController : Controller
{
public const string DATE_FORMAT = "ddd, dd MMM yyyy HH':'mm':'ss 'GMT'zzzz";
public ActionResult Index()
{
ViewData["Message"] = "Welcome to ASP.NET MVC!";
return View();
}
public ActionResult About()
{
return View();
}
public JsonResult GetData()
{
DateTime myDate = DateTime.Now.ToLocalTime();
return new JsonResult { Data = new { myDate = myDate.ToString(DATE_FORMAT) } };
}
public JsonResult ReceiveData(DateTime myDate)
{
return new JsonResult { Data = new { myDate = myDate.ToString(DATE_FORMAT) } };
}
}
JavaScript:
<script type="text/javascript">
function getData() {
$.ajax({
url: "/Home/GetData",
type: "POST",
cache: "false",
dataType: "json",
success: function(data) {
alert(data.myDate);
var newDate = cleanDate(data.myDate);
alert(newDate);
sendData(newDate);
}
});
}
function cleanDate(d) {
if (typeof d == 'string') {
return new Date(d) || Date.parse(d) || new Date(parseInt(d));
}
if (typeof d == 'number') {
return new Date(d);
}
return d;
}
function sendData(newDate) {
$.ajax({
url: "/Home/ReceiveData",
type: "POST",
cache: "false",
dataType: "json",
data:
{
myDate: newDate.format("isoUtcDateTime")
},
success: function(data) {
alert(data.myDate);
var newDate = cleanDate(data.myDate);
alert(newDate);
}
});
}
// bind myButton click event to call getData
$(document).ready(function() {
$('input#myButton').bind('click', getData);
});
</script>
Mam nadzieję, że ten szybki przykład pomoże innym w tej samej sytuacji, w której byłem. Wydaje się, że obecnie działa bardzo dobrze z serializacją JSON firmy Microsoft i utrzymuje prawidłowe daty w różnych strefach czasowych.
