Konvertieren Sie die UTC-Epoche in das lokale Datum

Ich habe jetzt ein bisschen damit gekämpft. Ich versuche, die Epoche in ein Datumsobjekt umzuwandeln. Die Epoche wird mir in UTC zugesandt. Wann immer Sie new Date()eine Epoche passieren , wird davon ausgegangen, dass es sich um eine lokale Epoche handelt. Ich habe versucht, ein UTC-Objekt zu erstellen und es dann setTime()an die richtige Epoche anzupassen, aber die einzige Methode, die nützlich erscheint, ist, dass toUTCString()Zeichenfolgen mir nicht helfen. Wenn ich diese Zeichenfolge an ein neues Datum übergebe, sollte sie feststellen, dass es sich um UTC handelt, dies ist jedoch nicht der Fall.

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

Mein nächster Versuch war, den Unterschied zwischen der aktuellen lokalen Epoche und der aktuellen UTC-Epoche zu ermitteln, aber das konnte ich auch nicht.

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

Es gibt mir nur sehr kleine Unterschiede, unter 1000, was in Millisekunden ist.

Irgendwelche Vorschläge?

Ich glaube, ich habe eine einfachere Lösung - setzen Sie das Anfangsdatum auf die Epoche und fügen Sie UTC-Einheiten hinzu. Angenommen, Sie haben eine UTC-Epoche in Sekunden gespeichert. Wie wäre es 1234567890. So konvertieren Sie dies in ein korrektes Datum in der lokalen Zeitzone:

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 ist jetzt ein Datum (in meiner Zeitzone) eingestellt auf Fri Feb 13 2009 18:31:30 GMT-0500 (EST)

Es ist einfach, new Date()dauert nur Millisekunden, z

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

Und nur für die Protokolle habe ich dies mit der Moment.js- Bibliothek gemacht, die ich sowieso für die Formatierung verwendet habe.

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

Die Epochenzeit ist ab dem 1. Januar 1970 in Sekunden angegeben. Gibt ab dem 1. Januar 1970 Millisekundendate.getTime() zurück . Wenn Sie also einen Epochenzeitstempel haben, konvertieren Sie ihn durch Multiplizieren mit 1000 in einen Javascript-Zeitstempel.

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

Um die aktuelle Epochenzeit in [ms] in eine 24-Stunden-Zeit umzuwandeln. Möglicherweise müssen Sie die Option zum Deaktivieren des 12-Stunden- Formats angeben .

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

2/7/2018, 19:35:24

oder als 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

Hinweis: Die Verwendung von en-GBhier ist nur eine (zufällige) Auswahl eines Ortes im 24-Stunden-Format, es ist nicht Ihre Zeitzone!

Die Epochenzeit (dh die Unix-Epochenzeit) ist fast immer die Anzahl der Sekunden , die seit dem 1. Januar 1970 um 00:00:00 Uhr (UTC-Zeit) abgelaufen sind, nicht die Anzahl der Millisekunden, die einige der Antworten hier impliziert haben.

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

Wenn Sie einen Zeitwert für die Unix-Epoche erhalten haben, wird dieser wahrscheinlich in Sekunden angegeben und sieht ungefähr so ​​aus 1547035195. Wenn Sie diesen Menschen in JavaScript lesbar machen möchten, müssen Sie den Wert in Millisekunden konvertieren und diesen Wert an den Date(value)Konstruktor übergeben, z.

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

Sie müssen den d.setUTCMilliseconds(0)Schritt in der akzeptierten Antwort nicht ausführen, da der JavaScript- Date(value)Konstruktor einen UTC- Wert in Millisekunden (keine Ortszeit) annimmt.

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

Beachten Sie auch, dass Sie die Verwendung des Date(...)Konstruktors vermeiden sollten, der eine Datums- / Uhrzeitdarstellung für Zeichenfolgen verwendet. Dies wird nicht empfohlen (siehe den obigen Link).

Möchten Sie nur eine UTC-Zeichenfolge in eine "lokale" Zeichenfolge konvertieren? Du könntest es tun:

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

Ergänzung zur obigen Antwort von @djechlin

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

konvertiert die EPOCH-Zeit in ein vom Menschen lesbares Datum. Vergessen Sie nur nicht, dass diese Art von EPOCH-Zeit eine Ganzzahl sein muss.

Die einfachste Lösung, die ich dafür gefunden habe, ist:

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

Beachten Sie, dass dies nicht * 1000am Ende der new Date(timestamp)Aussage steht, da dies (für mich jedenfalls!) Immer das falsche Datum anzugeben scheint, dh anstatt das Jahr 2019 als 51015 anzugeben, denken Sie daran.

Wenn Sie Zeitstempel und Datumskonvertierungen von und nach UTC und Ortszeit ohne Bibliotheken wie moment.js auflösen möchten, sehen Sie sich die folgende Option an.

Bei Anwendungen, die UTC-Zeitstempel verwenden, müssen Sie möglicherweise das Datum im Browser anzeigen, wobei die lokale Zeitzone und gegebenenfalls die Sommerzeit zu berücksichtigen sind. Das Bearbeiten eines Datums, das sich in einer anderen Sommerzeit befindet, obwohl es sich in derselben Zeitzone befindet, kann schwierig sein.

Mit den folgenden Numberund DateErweiterungen können Sie Datumsangaben in der Zeitzone der Zeitstempel anzeigen und abrufen. Angenommen, Sie befinden sich in Vancouver. Wenn Sie ein Datum im Juli oder Dezember bearbeiten, kann dies bedeuten, dass Sie ein Datum in PST oder PDT bearbeiten.

Ich empfehle Ihnen, das Code-Snippet unten zu überprüfen, um diese Lösung zu testen.

Umrechnungen aus Millisekunden

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

Umrechnungen von Daten

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

Verwendung

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

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

Überzeugen Sie sich selbst

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

BEARBEITEN

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

BEARBEITEN behoben

In Anbetracht dessen haben Sie zur epoch_timeVerfügung,

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

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

@ Amjad, gute Idee, aber eine bessere Implementierung wäre:

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

Konvertieren Sie es zuerst in String und ersetzen Sie dann den Zeitzonentext.

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