Convertir hora UTC a fecha hora local

Question

Desde el servidor obtengo una variable de fecha y hora en este formato: 6/29/2011 4:52:48 PM y está en hora UTC. Quiero convertirlo al tiempo del navegador del usuario actual usando JavaScript.

¿Cómo se puede hacer esto utilizando JavaScript o jQuery?

Answer 1

Anexar 'UTC' de la cadena antes de convertirlo en una fecha en javascript:

var date = new Date('6/29/2011 4:52:48 PM UTC'); 
date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)" 

Answer 2

debería darse el (UTC) (en minutos) del cliente:

var offset = new Date().getTimezoneOffset(); 

Y luego haga la correspondiente suma o resta hasta el momento en que obtiene del servidor.

Espero que esto ayude.

Answer 3

ponga esta función en su cabeza:

<script type="text/javascript"> 
function localize(t) 
{ 
    var d=new Date(t+" UTC"); 
    document.write(d.toString()); 
} 
</script> 

luego generar el siguiente para cada fecha en el cuerpo de su página:

<script type="text/javascript">localize("6/29/2011 4:52:48 PM");</script> 

Para quitar la zona GMT y hora, cambie la siguiente línea:

document.write(d.toString().replace(/GMT.*/g,"")); 

Answer 4

Para mí el más simple parecía utilizando

datetime.setUTCHours(datetime.getHours()); 
datetime.setUTCMinutes(datetime.getMinutes()); 

(pensé la primera línea podría ser suficiente pero hay zonas horarias que están fuera en fracciones de horas)

Answer 5

Esta es una solución universal:

function convertUTCDateToLocalDate(date) { 
    var newDate = new Date(date.getTime()+date.getTimezoneOffset()*60*1000); 

    var offset = date.getTimezoneOffset()/60; 
    var hours = date.getHours(); 

    newDate.setHours(hours - offset); 

    return newDate; 
} 

Uso:

var date = convertUTCDateToLocalDate(new Date(date_string_you_received)); 

mostrar la fecha basado en el entorno local de cliente:

date.toLocaleString(); 

Answer 6

Utilice esto para UTC y la conversión de hora local y viceversa.

//Covert datetime by GMT offset 
//If toUTC is true then return UTC time other wise return local time 
function convertLocalDateToUTCDate(date, toUTC) { 
    date = new Date(date); 
    //Local time converted to UTC 
    console.log("Time: " + date); 
    var localOffset = date.getTimezoneOffset() * 60000; 
    var localTime = date.getTime(); 
    if (toUTC) { 
     date = localTime + localOffset; 
    } else { 
     date = localTime - localOffset; 
    } 
    date = new Date(date); 
    console.log("Converted time: " + date); 
    return date; 
} 

Answer 7

respuesta de Matt no se encuentra el hecho de que el horario de verano podría ser diferente entre la fecha() y la fecha y hora que necesita para convertir - aquí está mi solución:

function ConvertUTCTimeToLocalTime(UTCDateString) 
    { 
     var convertdLocalTime = new Date(UTCDateString); 

     var hourOffset = convertdLocalTime.getTimezoneOffset()/60; 

     convertdLocalTime.setHours(convertdLocalTime.getHours() + hourOffset); 

     return convertdLocalTime; 
    } 

Y los resultados en el depurador:

UTCDateString: "2014-02-26T00:00:00" 
convertdLocalTime: Wed Feb 26 2014 00:00:00 GMT-0800 (Pacific Standard Time) 

Answer 8

En angular que utiliza la respuesta de Ben de esta manera:

$scope.convert = function (thedate) { 
    var tempstr = thedate.toString(); 
    var newstr = tempstr.toString().replace(/GMT.*/g, ""); 
    newstr = newstr + " UTC"; 
    return new Date(newstr); 
}; 

Editar: Angular 1.3.0 GMT añadido soporte para filtrar la fecha, no he usar todavía, pero debería ser más fácil, aquí es el formato:

{{ date_expression | date : format : timezone}} 

Angular 1.4.3 Date API

Answer 9

que responder a esta Cualquier Si una de las funciones que deben mostrarse vez convertida quiere al elemento id específico y aplicar formato de fecha cadena aaaa-mm-dd aquí date1 es cadena e ids es id del elemento que se va a mostrar en el tiempo.

function convertUTCDateToLocalDate(date1, ids) 
{ 
    var newDate = new Date(); 
    var ary = date1.split(" "); 
    var ary2 = ary[0].split("-"); 
    var ary1 = ary[1].split(":"); 
    var month_short = Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'); 
    newDate.setUTCHours(parseInt(ary1[0])); 
    newDate.setUTCMinutes(ary1[1]); 
    newDate.setUTCSeconds(ary1[2]); 
    newDate.setUTCFullYear(ary2[0]); 
    newDate.setUTCMonth(ary2[1]); 
    newDate.setUTCDate(ary2[2]); 
    ids = document.getElementById(ids); 
    ids.innerHTML = " " + newDate.getDate() + "-" + month_short[newDate.getMonth() - 1] + "-" + newDate.getFullYear() + " " + newDate.getHours() + ":" + newDate.getMinutes() + ":" + newDate.getSeconds(); 
      } 

sé que la respuesta ha sido ya aceptada, pero he llegado hasta aquí causa de Google y lo hice resolver con conseguir la inspiración de respuesta aceptada, así que quería compartir simplemente que si alguien necesita.

Answer 10

Basado en respuesta @digitalbath, aquí hay una pequeña función de captar la marca de hora UTC y mostrar la hora local en un elemento DOM dado (usando jQuery para esta última parte):

https://jsfiddle.net/moriz/6ktb4sv8/1/

<div id="eventTimestamp" class="timeStamp"> 
    </div> 
    <script type="text/javascript"> 
    // Convert UTC timestamp to local time and display in specified DOM element 
    function convertAndDisplayUTCtime(date,hour,minutes,elementID) { 
    var eventDate = new Date(''+date+' '+hour+':'+minutes+':00 UTC'); 
    eventDate.toString(); 
    $('#'+elementID).html(eventDate); 
    } 
    convertAndDisplayUTCtime('06/03/2015',16,32,'eventTimestamp'); 
    </script> 

Answer 11

En mi punto de vista, los servidores siempre deben, en el caso general, devolver una fecha y hora en el estandarizado ISO 8601-format.

Más información aquí:

• http://www.w3.org/TR/NOTE-datetime
• https://en.wikipedia.org/wiki/ISO_8601

En este caso, el servidor volvería '2011-06-29T16:52:48.000Z' que alimentar directamente en el objeto Date JS.

var utcDate = '2011-06-29T16:52:48.000Z'; // ISO-8601 formatted date returned from server 
var localDate = new Date(utcDate); 

El localDate será en la hora local correcta que en mi caso serían dos horas más tarde (tiempo DK).

Realmente realmente no tiene que hacer todo este análisis que simplemente complica las cosas, siempre y cuando sea coherente con el formato esperado del servidor.

Answer 12

Usando YYYY-MM-DD hh:mm:ss formato:

var date = new Date('2011-06-29T16:52:48+00:00'); 
date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)" 

Para la conversión del formato YYYY-MM-DD hh:mm:ss, asegúrese de que su fecha siguen el siguiente ISO 8601 format.

Year: 
    YYYY (eg 1997)  
Year and month: 
    YYYY-MM (eg 1997-07) 
Complete date: 
    YYYY-MM-DD (eg 1997-07-16) 
Complete date plus hours and minutes: 
    YYYY-MM-DDThh:mmTZD (eg 1997-07-16T19:20+01:00)  
Complete date plus hours, minutes and seconds: 
    YYYY-MM-DDThh:mm:ssTZD (eg 1997-07-16T19:20:30+01:00)  
Complete date plus hours, minutes, seconds and a decimal fraction of a second 
    YYYY-MM-DDThh:mm:ss.sTZD (eg 1997-07-16T19:20:30.45+01:00) where: 

YYYY = four-digit year 
MM = two-digit month (01=January, etc.) 
DD = two-digit day of month (01 through 31) 
hh = two digits of hour (00 through 23) (am/pm NOT allowed) 
mm = two digits of minute (00 through 59) 
ss = two digits of second (00 through 59) 
s = one or more digits representing a decimal fraction of a second 
TZD = time zone designator (Z or +hh:mm or -hh:mm) 

cosas importantes a tener en cuenta

1. debe separar la fecha y la hora por un T, un espacio no funcionará en algunos navegadores
2. debe establecer la zona horaria usando este formato +hh:mm, utilizando una cadena para una zona horaria (por ejemplo: 'UTC') no funcionará en muchos navegadores. +hh:mm representan el desplazamiento de la zona horaria UTC.

Answer 13

Ésta es una solución simplificada basada en Adorján Princ's respuesta:

function convertUTCDateToLocalDate(date) { 
    var newDate = new Date(date); 
    newDate.setMinutes(date.getMinutes() - date.getTimezoneOffset()); 
    return newDate; 
} 

Uso:

var date = convertUTCDateToLocalDate(new Date(date_string_you_received)); 

Answer 14

cadena de fecha

Un JSON (serializado en C#) se parece a "2015-10 -13T18: 58: 17 ".

En angular, (siguiendo Hulvej) hacer un filtro de localdate:

myFilters.filter('localdate', function() { 
    return function(input) { 
     var date = new Date(input + '.000Z'); 
     return date; 
    }; 
}) 

A continuación, mostrar la hora local, como:

{{order.createDate | localdate | date : 'MMM d, y h:mm a' }} 

Answer 15

En caso de que no les importa usar moment.js y su tiempo es en UTC sólo tiene que utilizar el siguiente:

moment.utc('6/29/2011 4:52:48 PM').toDate(); 

si su tiempo no es en UTC, pero cualquier otro lugar conocido a usted, a continuación, utilizar las siguientes:

moment('6/29/2011 4:52:48 PM', 'MM-DD-YYYY', 'fr').toDate(); 

si su tiempo es ya a nivel local, a continuación, utilizar lo siguiente:

moment('6/29/2011 4:52:48 PM', 'MM-DD-YYYY'); 

Answer 16

escribí un pequeño script agradable que lleva a una época UTC y conversos (como la función de PHP date) formato s:: es el sistema cliente zona horaria y la devuelve en d/m/YH: i

getTimezoneDate = function (e) { 

    function p(s) { return (s < 10) ? '0' + s : s; }   

    var t = new Date(0); 
    t.setUTCSeconds(e); 

    var d = p(t.getDate()), 
     m = p(t.getMonth()+1), 
     Y = p(t.getFullYear()), 
     H = p(t.getHours()), 
     i = p(t.getMinutes()), 
     s = p(t.getSeconds()); 

    d = [d, m, Y].join('/') + ' ' + [H, i, s].join(':'); 

    return d; 

}; 

Answer 17

Después de probar algunos otros publicados aquí sin buenos resultados, esto parecía funcionar para yo:

convertUTCDateToLocalDate: function (date) { 
    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds())); 
} 

Y esto funciona a seguir el camino inverso, de fecha local a UTC:

convertLocalDatetoUTCDate: function(date){ 
    return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()); 
} 

Answer 18

function getUTC(str) { 
    var arr = str.split(/[- :]/); 
    var utc = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]); 
    utc.setTime(utc.getTime() - utc.getTimezoneOffset()*60*1000) 
    return utc; 
} 

Para otras personas que visitan - utilizar esta función para obtener un objeto de fecha local de una cadena UTC , debe ocuparse de DST y funcionará en IE, iPhone etc.

Dividimos la cadena (Como el análisis de fecha JS no es compatible con algunos navegadores) Obtenemos una diferencia de UTC y la restamos de la hora UTC, que nos da hora local. Como la compensación devuelta se calcula con DST (corríjame si estoy equivocado), entonces volverá a establecer ese tiempo en la variable "utc". Finalmente devuelve el objeto de fecha.

Answer 19

Esto funciona para mí:

function convertUTCDateToLocalDate(date) { 
    var newDate = new Date(date.getTime() - date.getTimezoneOffset()*60*1000); 
    return newDate; 
} 

Answer 20

Para mí soluciones anteriores no funcionaron.

Con IE, la conversión de hora UTC a local es poco complicada. Para mí, la fecha y hora de la API web es '2018-02-15T05:37:26.007' y quería convertir según la zona horaria local, así que usé el código siguiente en JavaScript.

var createdDateTime = new Date('2018-02-15T05:37:26.007' + 'Z');