Esiste un plug-in JQuery per convertire i datetime UTC nel fuso orario dell'utente locale?

Question

Se ho un tag:

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

Vorrei uno script jquery o collegare per convertire ogni utctime classe al browser ora locale dell'utente corrente. Preferirei trovarlo prima di scriverne uno.

Answer 1

Ok, così ho creato uno che lo fa:

/* 
    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); 

Usage:

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

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

Answer 2

CodeGrue grazie mille per aver condiviso questo con la comunità.

Per coloro che sono costretti a lavorare con altri fusi orari rispetto a UTC .. si può alterare la funzione aggiungendo la differenza di tempo in questo modo:

frammento originale:

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

Snippet alterata a lavorare con Fuso orario CEST (Fuso orario fuso: UTC + 2 ore):

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

e così via.

Answer 3

Quando ho usato questo, ho dovuto cambiare la linea

var hours = givenDate.getHours(); 

a

var hours = givenDate.getUTCHours(); 

Quando il debug attraverso questa, la linea var givenDate = new Date(tagText) finisce per creare un oggetto Date che è in UTC (se gli dai una data nel formato RFC1123, ad es. ddd, dd MMM yyyy HH:mm:ss GMT), ma quando chiami getHours su ciò ottieni le ore nel fuso orario locale. Quindi, a meno che non chiami getUTCHours, non funziona.

Quindi la cosa è piena

/* 
    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); 

Vedi this other question per come l'ho usato in combinazione con il plugin timeago.

Answer 4

Utilizzare la data di inserimento per trovare l'offset del fuso orario. Importante per le modifiche all'ora legale.

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

Usalo come ....

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

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

    }); 

Assegna 'ConvertUtcToLocal' di classe a tutti gli elementi che richiedono la conversione.

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

questo può essere utilizzato anche insieme con la biblioteca Date.js per visualizzare l'ora nel fuso orario dell'utente