Converti epoca UTC in data locale

Ho combattuto con questo per un po 'ora. Sto cercando di convertire l'epoca in un oggetto data. L'epoca mi viene inviata in UTC. Ogni volta che passi new Date()un'epoca, assume che sia un'epoca locale. Ho provato a creare un oggetto UTC, quindi ad usarlo setTime()per adattarlo all'epoca corretta, ma l'unico metodo che sembra utile è toUTCString()e le stringhe non mi aiutano. Se passo quella stringa in una nuova data, dovrebbe notare che è UTC, ma non lo fa.

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

Il mio prossimo tentativo è stato quello di provare a fare la differenza tra l'epoca attuale locale e l'epoca attuale UTC, ma non sono stato in grado di ottenere neanche quello.

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

Mi sta dando solo piccole differenze, sotto 1000, che è in millisecondi.

Eventuali suggerimenti?

Penso di avere una soluzione più semplice: impostare la data iniziale sull'epoca e aggiungere unità UTC. Supponi di avere una var di epoca UTC memorizzata in pochi secondi. Che ne dici di 1234567890. Per convertirlo in una data corretta nel fuso orario locale:

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 è ora una data (nel mio fuso orario) impostata su Fri Feb 13 2009 18:31:30 GMT-0500 (EST)

È facile, new Date()richiede solo millisecondi, ad es

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

E solo per i registri, l'ho fatto usando la libreria Moment.js , che stavo usando comunque per la formattazione.

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

Il tempo di epoca è in secondi dal 1 ° gennaio 1970. date.getTime()restituisce millisecondi dal 1 ° gennaio 1970, quindi .. se si dispone di un timestamp di epoca, convertirlo in un timestamp javascript moltiplicando per 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;
}

Per convertire il tempo di epoca corrente in [ms] in un tempo di 24 ore. Potrebbe essere necessario specificare l'opzione per disabilitare il formato 12 ore .

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

2/7/2018, 19:35:24

o come 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: l'uso di en-GBqui, è solo una scelta (casuale) di un luogo utilizzando il formato 24 ore, non è il tuo fuso orario!

Il tempo di epoca (ovvero il tempo di epoca Unix) è quasi sempre il numero di secondi scaduti dal 1 ° gennaio 1970 alle 00:00 (ora UTC), non il numero di millisecondi che alcune delle risposte qui implicite hanno implicato.

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

Pertanto, se ti è stato dato un valore di tempo di Unix Epoch probabilmente sarà in secondi e avrà un aspetto simile 1547035195. Se vuoi rendere questo umano leggibile in JavaScript, devi convertire il valore in millisecondi e passare quel valore nel Date(value)costruttore, ad esempio:

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

Non è necessario eseguire il d.setUTCMilliseconds(0)passaggio nella risposta accettata perché il Date(value)costruttore JavaScript accetta un valore UTC in millisecondi (non un'ora locale).

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

Si noti inoltre che si dovrebbe evitare di usare il Date(...)costruttore che accetta una rappresentazione datetime stringa, questo non è raccomandato (vedere il link sopra).

Stai solo chiedendo di convertire una stringa UTC in una stringa "locale"? Potresti fare:

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

Aggiunta alla risposta sopra di @djechlin

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

converte il tempo EPOCH in una data leggibile dall'uomo. Basta non dimenticare che il tipo di tempo EPOCH deve essere un numero intero.

La soluzione più semplice che ho trovato a questo, è:

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

Nota che questo non ha la * 1000fine della new Date(timestamp)dichiarazione in quanto questo (per me comunque!) Sembra sempre dare la data sbagliata, cioè invece di dare l'anno 2019, dà l'anno come 51015, quindi tienilo a mente.

Se preferisci risolvere i timestamp e le conversioni di date da e verso UTC e l'ora locale senza librerie come moment.js, dai un'occhiata all'opzione di seguito.

Per le applicazioni che utilizzano i timestamp UTC, potrebbe essere necessario mostrare la data nel browser considerando il fuso orario locale e l'ora legale quando applicabile. Modificare una data che si trova in un'altra ora legale anche se nello stesso fuso orario può essere complicato.

Le seguenti estensioni Numbere Dateconsentono di mostrare e ottenere le date nel fuso orario dei timestamp. Ad esempio, supponiamo che tu sia a Vancouver, se stai modificando una data a luglio o a dicembre, può significare che stai modificando una data in PST o PDT.

Ti consiglio di controllare lo snippet di codice in basso per testare questa soluzione.

Conversioni da millisecondi

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

Conversioni da date

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

Guardalo da solo

// 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>

MODIFICARE

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 risolto

Considerando che hai a epoch_timedisposizione,

// 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

@Amjad, buona idea, ma un'implementazione migliore sarebbe:

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

Prima convertilo in String e poi sostituisci il testo del fuso orario.

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