Converter UTC Epoch para data local

Eu tenho lutado com isso por um tempo agora. Estou tentando converter época em um objeto de data. A época é enviada para mim no UTC. Sempre que você passa por new Date()uma época, ela assume a época local. Tentei criar um objeto UTC, usando-o setTime()para ajustá-lo à época apropriada, mas o único método que parece útil é que as toUTCString()strings não me ajudam. Se eu passar essa string para uma nova data, ele deve notar que é UTC, mas não.

new Date( new Date().toUTCString() ).toLocaleString()

Minha próxima tentativa foi tentar obter a diferença entre a época atual local e a atual UTC, mas também não consegui.

new Date( new Date().toUTCString() ).getTime() - new Date().getTime()

Só está me dando diferenças muito pequenas, abaixo de 1000, ou seja, em milissegundos.

Alguma sugestão?

Eu acho que tenho uma solução mais simples - defina a data inicial para a época e adicione unidades UTC. Digamos que você tenha uma época UTC var armazenada em segundos. Que tal 1234567890. Para converter isso em uma data adequada no fuso horário local:

var utcSeconds = 1234567890;
var d = new Date(0); // The 0 there is the key, which sets the date to the epoch
d.setUTCSeconds(utcSeconds);

d agora é uma data (no meu fuso horário) definida como Fri Feb 13 2009 18:31:30 GMT-0500 (EST)

É fácil, new Date()leva apenas milissegundos, por exemplo

new Date(1394104654000)
> Thu Mar 06 2014 06:17:34 GMT-0500 (EST)

E apenas para os logs, fiz isso usando a biblioteca Moment.js , que eu estava usando para formatar de qualquer maneira.

moment.utc(1234567890000).local()
>Fri Feb 13 2009 19:01:30 GMT-0430 (VET)

O tempo da época é em segundos a partir de 1º de janeiro de 1970. date.getTime()retorna milissegundos a partir de 1º de janeiro de 1970, então .. se você tiver um carimbo de data / hora da época, converta-o em um carimbo de data / hora do javascript multiplicando por 1000.

   function epochToJsDate(ts){
        // ts = epoch timestamp
        // returns date obj
        return new Date(ts*1000);
   }

   function jsDateToEpoch(d){
        // d = javascript date obj
        // returns epoch timestamp
        return (d.getTime()-d.getMilliseconds())/1000;
   }

 function ToLocalDate (inDate) {
    var date = new Date();
    date.setTime(inDate.valueOf() - 60000 * inDate.getTimezoneOffset());
    return date;
}

Para converter o tempo atual da época em [ms] para um tempo de 24 horas. Pode ser necessário especificar a opção para desativar o formato de 12 horas .

$ node.exe -e "var date = new Date(Date.now()); console.log(date.toLocaleString('en-GB', { hour12:false } ));"

2/7/2018, 19:35:24

ou como JS:

var date = new Date(Date.now()); 
console.log(date.toLocaleString('en-GB', { hour12:false } ));
// 2/7/2018, 19:35:24

console.log(date.toLocaleString('en-GB', { hour:'numeric', minute:'numeric', second:'numeric', hour12:false } ));
// 19:35:24

Nota: O uso en-GBaqui é apenas uma escolha (aleatória) de um lugar usando o formato de 24 horas, não é o seu fuso horário!

A hora da época (ou seja, a hora da época Unix) é quase sempre o número de segundos que expiraram desde 1º de janeiro de 1970 00:00:00 (hora UTC), não o número de milissegundos que algumas das respostas aqui implicaram.

https://en.wikipedia.org/wiki/Unix_time

Portanto, se você recebeu um valor de tempo do Unix Epoch, provavelmente será em segundos e será algo parecido 1547035195. Se você deseja tornar esse humano legível em JavaScript, precisa converter o valor em milissegundos e passar esse valor para o Date(value)construtor, por exemplo:

const unixEpochTimeMS = 1547035195 * 1000;
const d = new Date(unixEpochTimeMS);
// Careful, the string output here can vary by implementation...
const strDate = d.toLocaleString();

Você não precisa executar a d.setUTCMilliseconds(0)etapa da resposta aceita porque o Date(value)construtor JavaScript utiliza um valor UTC em milissegundos (não no horário local).

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#Syntax

Observe também que você deve evitar o uso do Date(...)construtor que usa uma representação de data e hora da string; isso não é recomendado (consulte o link acima).

Você está apenas pedindo para converter uma string UTC em uma string "local"? Você poderia fazer:

var utc_string = '2011-09-05 20:05:15';
var local_string = (function(dtstr) {
    var t0 = new Date(dtstr);
    var t1 = Date.parse(t0.toUTCString().replace('GMT', ''));
    var t2 = (2 * t0) - t1;
    return new Date(t2).toString();
})(utc_string);

Além da resposta acima por @djechlin

d = '1394104654000';
new Date(parseInt(d));

converte a hora do EPOCH em data legível por humanos. Apenas não esqueça que o tipo de tempo de EPOCH deve ser um número inteiro.

A solução mais simples que encontrei para isso é:

var timestamp = Date.now(), // returns milliseconds since epoch time
    normalisedTime = new Date(timestamp);

Observe que isso não tem o * 1000final da new Date(timestamp)declaração, pois isso (para mim de qualquer maneira!) Sempre parece indicar a data errada, ou seja, em vez de indicar o ano de 2019, ele indica 51015, portanto, tenha isso em mente.

Se você preferir resolver as conversões de data e hora de e para UTC e a hora local sem bibliotecas como moment.js, dê uma olhada na opção abaixo.

Para aplicativos que usam carimbos de data e hora UTC, pode ser necessário mostrar a data no navegador, considerando o fuso horário local e o horário de verão, quando aplicável. Editar uma data em um horário de verão diferente, embora no mesmo fuso horário possa ser complicado.

As extensões Numbere Dateabaixo permitem mostrar e obter datas no fuso horário dos registros de data e hora. Por exemplo, digamos que você esteja em Vancouver, se estiver editando uma data em julho ou dezembro, isso pode significar que você está editando uma data no PST ou PDT.

Eu recomendo que você verifique o snippet de código abaixo para testar esta solução.

Conversões de milissegundos

Number.prototype.toLocalDate = function () {
    var value = new Date(this);

    value.setHours(value.getHours() + (value.getTimezoneOffset() / 60));

    return value;
};

Number.prototype.toUTCDate = function () {
    var value = new Date(this);

    value.setHours(value.getHours() - (value.getTimezoneOffset() / 60));

    return value;
};

Conversões de datas

Date.prototype.getUTCTime = function () {
    return this.getTime() - (this.getTimezoneOffset() * 60000);
};

Uso

// Adds the timezone and daylight savings if applicable
(1499670000000).toLocalDate();

// Eliminates the timezone and daylight savings if applicable
new Date(2017, 6, 10).getUTCTime();

Veja você mesmo

// Extending Number

Number.prototype.toLocalDate = function () {
    var value = new Date(this);

    value.setHours(value.getHours() + (value.getTimezoneOffset() / 60));

    return value;
};

Number.prototype.toUTCDate = function () {
    var value = new Date(this);

    value.setHours(value.getHours() - (value.getTimezoneOffset() / 60));

    return value;
};

// Extending Date

Date.prototype.getUTCTime = function () {
    return this.getTime() - (this.getTimezoneOffset() * 60000);
};

// Getting the demo to work
document.getElementById('m-to-local-button').addEventListener('click', function () {
  var displayElement = document.getElementById('m-to-local-display'),
      value = document.getElementById('m-to-local').value,
      milliseconds = parseInt(value);
  
  if (typeof milliseconds === 'number')
    displayElement.innerText = (milliseconds).toLocalDate().toISOString();
  else
    displayElement.innerText = 'Set a value';
}, false);

document.getElementById('m-to-utc-button').addEventListener('click', function () {
  var displayElement = document.getElementById('m-to-utc-display'),
      value = document.getElementById('m-to-utc').value,
      milliseconds = parseInt(value);
  
  if (typeof milliseconds === 'number')
    displayElement.innerText = (milliseconds).toUTCDate().toISOString();
  else
    displayElement.innerText = 'Set a value';
}, false);

document.getElementById('date-to-utc-button').addEventListener('click', function () {
  var displayElement = document.getElementById('date-to-utc-display'),
      yearValue = document.getElementById('date-to-utc-year').value || '1970',
      monthValue = document.getElementById('date-to-utc-month').value || '0',
      dayValue = document.getElementById('date-to-utc-day').value || '1',
      hourValue = document.getElementById('date-to-utc-hour').value || '0',
      minuteValue = document.getElementById('date-to-utc-minute').value || '0',
      secondValue = document.getElementById('date-to-utc-second').value || '0',
      year = parseInt(yearValue),
      month = parseInt(monthValue),
      day = parseInt(dayValue),
      hour = parseInt(hourValue),
      minute = parseInt(minuteValue),
      second = parseInt(secondValue);
  
  displayElement.innerText = new Date(year, month, day, hour, minute, second).getUTCTime();
}, false);

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.11/semantic.css" rel="stylesheet"/>

<div class="ui container">
  <p></p>
  
  <h3>Milliseconds to local date</h3>
  <input id="m-to-local" placeholder="Timestamp" value="0" /> <button id="m-to-local-button">Convert</button>
  <em id="m-to-local-display">Set a value</em>

  <h3>Milliseconds to UTC date</h3>
  <input id="m-to-utc" placeholder="Timestamp" value="0" /> <button id="m-to-utc-button">Convert</button>
  <em id="m-to-utc-display">Set a value</em>
  
  <h3>Date to milliseconds in UTC</h3>
  <input id="date-to-utc-year" placeholder="Year" style="width: 4em;" />
  <input id="date-to-utc-month" placeholder="Month" style="width: 4em;" />
  <input id="date-to-utc-day" placeholder="Day" style="width: 4em;" />
  <input id="date-to-utc-hour" placeholder="Hour" style="width: 4em;" />
  <input id="date-to-utc-minute" placeholder="Minute" style="width: 4em;" />
  <input id="date-to-utc-second" placeholder="Second" style="width: 4em;" />
  <button id="date-to-utc-button">Convert</button>
  <em id="date-to-utc-display">Set the values</em>
  
</div>

EDITAR

var utcDate = new Date(incomingUTCepoch);
var date = new Date();
date.setUTCDate(utcDate.getDate());
date.setUTCHours(utcDate.getHours());
date.setUTCMonth(utcDate.getMonth());
date.setUTCMinutes(utcDate.getMinutes());
date.setUTCSeconds(utcDate.getSeconds());
date.setUTCMilliseconds(utcDate.getMilliseconds());

EDIT Fixed

Considerando, você tem epoch_timedisponível,

// for eg. epoch_time = 1487086694.213
var date = new Date(epoch_time * 1000); // multiply by 1000 for milliseconds
var date_string = date.toLocaleString('en-GB');  // 24 hour format

var myDate = new Date( your epoch date *1000);

fonte - https://www.epochconverter.com/programming/#javascript

@ Ammad, boa ideia, mas uma melhor implementação seria:

Date.prototype.setUTCTime = function(UTCTimestamp) {
    var UTCDate = new Date(UTCTimestamp);
    this.setUTCFullYear(UTCDate.getFullYear(), UTCDate.getMonth(), UTCDate.getDate());
    this.setUTCHours(UTCDate.getHours(), UTCDate.getMinutes(), UTCDate.getSeconds(), UTCDate.getMilliseconds());
    return this.getTime();
}

Primeiro converta-o em String e substitua o texto do fuso horário.

function convertUnixTime(time) {
  return new Date(time*1000).toString().replace("GMT+0530 (Sri Lanka Standard Time)","");
}