Gibt es ein JQuery-Plugin, um UTC-Datumsangaben in lokale Benutzerzeitzone zu konvertieren?

Question

Wenn ich einen tag:

<span class="utctime">2010-01-01 11:30 PM</span> 

Ich würde ein jquery Skript gefällt oder stecken in jeder utctime Klasse des aktuellen Benutzers Browser Ortszeit zu konvertieren. Ich würde es vorziehen, dies zu finden, bevor ich einen schreibe.

Answer 1

Ok, so habe ich ein, dass es funktioniert:

/* 
    Note: this requires that the JQuery-DateFormat plugin (available here) be loaded first 
    http://plugins.jquery.com/project/jquery-dateFormat 
*/ 

(function ($) { 
    $.fn.localTimeFromUTC = function (format) { 

     return this.each(function() { 

      // get time offset from browser 
      var currentDate = new Date(); 
      var offset = -(currentDate.getTimezoneOffset()/60); 

      // get provided date 
      var tagText = $(this).html(); 
      var givenDate = new Date(tagText); 

      // apply offset 
      var hours = givenDate.getHours(); 
      hours += offset; 
      givenDate.setHours(hours); 

      // format the date 
      var localDateString = $.format.date(givenDate, format); 
      $(this).html(localDateString); 
     }); 
    }; 
})(jQuery); 

Verbrauch:

<span class="utcdate">2/5/2010 10:30 PM</span> 

    $('.utcdate').localTimeFromUTC('MM/dd/yyyy hh:mm a'); 

Answer 2

CodeGrue Vielen Dank für Austausch mit der Gemeinde.

Für diejenigen, die gezwungen sind, mit anderen Zeitzonen als UTC zu arbeiten .. können Sie die Funktion, indem Sie die Zeitdifferenz wie folgt ändern:

Original-Schnipsel:

var offset = -(currentDate.getTimezoneOffset()/60); 

Snippet veränderte, mit zu arbeiten CEST-Zeitzone (Zeitzonen-Offset: UTC + 2 Stunden):

var offset = -(currentDate.getTimezoneOffset()/60 + 2); 

und so weiter.

Answer 3

Als ich das gebraucht, I

var hours = givenDate.getHours(); 

zu

var hours = givenDate.getUTCHours(); 

die Linie ändern musste Wenn durch diese debuggen, die Linie var givenDate = new Date(tagText) endet ein Date-Objekt erstellen, die in UTC (wenn Sie geben ein Datum im RFC1123-Format, zB ddd, dd MMM yyyy HH:mm:ss GMT), aber wenn Sie getHours aufrufen, erhalten Sie die Stunden in der lokalen Zeitzone. Wenn Sie also getUTCHours nicht aufrufen, funktioniert es nicht.

So ist die vollständige Sache ist

/* 
    Note: this requires that the JQuery-DateFormat plugin be loaded first 
    http://plugins.jquery.com/project/jquery-dateFormat 
*/ 

(function ($) { 
    $.fn.localTimeFromUTC = function (format) { 

     return this.each(function() { 

      // get time offset from browser 
      var currentDate = new Date(); 
      var offset = -(currentDate.getTimezoneOffset()/60); 

      // get provided date 
      var tagText = $(this).html(); 
      var givenDate = new Date(tagText); 

      // apply offset 
      var hours = givenDate.getUTCHours(); 
      hours += offset; 
      givenDate.setHours(hours); 

      // format the date 
      var localDateString = $.format.date(givenDate, format); 
      $(this).html(localDateString); 
     }); 
    }; 
})(jQuery); 

Siehe this other question, wie habe ich es in Kombination mit dem timeago Plugin.

Answer 4

Verwenden Sie das Eingabedatum, um den Zeitzonen-Offset zu finden. Wichtig für Sommerzeitänderungen.

(function ($) { 
$.fn.localTimeFromUTC = function (format) { 
    return this.each(function() { 

     // get provided date 
     var tagText = $(this).html(); 
     var givenDate = new Date(tagText); 

     if(givenDate == 'NaN') return; 

     // get time offset from browser 
     var offset = -(givenDate.getTimezoneOffset()/60); 

     // apply offset 
     var hours = givenDate.getHours(); 
     hours += offset; 
     givenDate.setHours(hours); 

     // format the date 
     var localDateString = $.format.date(givenDate, format); 
     $(this).html(localDateString); 


    }); 
}; 
})(jQuery); 

Verwenden Sie es wie ....

function ConvertDatesToLocalTime() { 
     $('.ConvertUtcToLocal').localTimeFromUTC('MM/dd/yyyy hh:mm:ss a'); 
    } 

    $(document).ready(function() { 
     ConvertDatesToLocalTime(); 

    }); 

Assign 'ConvertUtcToLocal' Klasse für alle Umwandlung erfordert Elemente.

Answer 5

$(".localdatetime").each(function() { 
     var datestr = $(this).text(); 
     //alert(datestr); 
     if (datestr.trim() != '') { 
      var dateOb = (new Date(Date.parse(datestr, 'MM-dd-yyyy HH:mm'))).setTimezone("GMT").toString('dd MMM yyyy hh:mm tt'); 
      //alert(dateOb); 
      $(this).text(dateOb); 
     } 
    }) 

dies kann auch zusammen mit Date.js Bibliothek verwendet werden, um Zeit in Benutzerzeitzone