Convertir une heure UTC en date locale

Je me bats avec ça depuis un petit moment maintenant. J'essaie de convertir epoch en objet date. L'époque m'est envoyée en UTC. Chaque fois que vous passez new Date()une époque, cela suppose que c'est une époque locale. J'ai essayé de créer un objet UTC, puis setTime()de l'ajuster à l'époque appropriée, mais la seule méthode qui semble utile est toUTCString()que les chaînes ne m'aident pas. Si je passe cette chaîne à une nouvelle date, il devrait remarquer que c'est UTC, mais ce n'est pas le cas.

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

Ma prochaine tentative a été d'essayer de faire la différence entre l'époque actuelle locale et l'époque actuelle UTC, mais je n'ai pas pu l'obtenir non plus.

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

Cela ne me donne que de très petites différences, inférieures à 1000, ce qui est en millisecondes.

Aucune suggestion?

Je pense que j'ai une solution plus simple - définir la date initiale à l'époque et ajouter des unités UTC. Supposons que vous ayez une variable d'époque UTC stockée en quelques secondes. Que diriez-vous 1234567890. Pour convertir cela en une date correcte dans le fuseau horaire 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 est maintenant une date (dans mon fuseau horaire) définie sur Fri Feb 13 2009 18:31:30 GMT-0500 (EST)

C'est facile, cela new Date()prend juste des millisecondes, par exemple

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

Et juste pour les journaux, je l'ai fait en utilisant la bibliothèque Moment.js , que j'utilisais pour le formatage de toute façon.

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

L'époque est en secondes à partir du 1er janvier 1970. date.getTime()renvoie les millisecondes à partir du 1er janvier 1970, donc .. si vous avez un horodatage d'époque, convertissez-le en horodatage javascript en multipliant par 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;
}

Pour convertir l'heure actuelle en [ms] en 24 heures. Vous devrez peut-être spécifier l'option pour désactiver le format 12 heures .

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

2/7/2018, 19:35:24

ou en tant que 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

Remarque: L'utilisation d' en-GBici, n'est qu'un choix (aléatoire) d'un lieu au format 24 heures, ce n'est pas votre fuseau horaire!

Le temps Epoch (c'est-à-dire le temps Unix) est presque toujours le nombre de secondes qui ont expiré depuis le 1er janvier 1970 à 00:00:00 (heure UTC), pas le nombre de millisecondes que certaines des réponses ici impliquent.

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

Par conséquent, si vous avez reçu une valeur de temps Epoque Unix, elle sera probablement en secondes et ressemblera à quelque chose 1547035195. Si vous souhaitez rendre cet humain lisible en JavaScript, vous devez convertir la valeur en millisecondes et transmettre cette valeur au Date(value)constructeur, par exemple:

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

Vous n'avez pas besoin de faire l' d.setUTCMilliseconds(0)étape de la réponse acceptée car le Date(value)constructeur JavaScript prend une valeur UTC en millisecondes (pas une heure locale).

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

Notez également que vous devez éviter d'utiliser le Date(...)constructeur qui prend une représentation chaîne de données, ce n'est pas recommandé (voir le lien ci-dessus).

Demandez-vous simplement de convertir une chaîne UTC en une chaîne "locale"? Vous pourriez faire:

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

Ajout à la réponse ci-dessus par @djechlin

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

convertit l'heure EPOCH en date lisible par l'homme. N'oubliez pas que ce type de temps EPOCH doit être un entier.

La solution la plus simple que j'ai trouvée à ce sujet est:

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

Notez que cela n'a pas * 1000la fin de la new Date(timestamp)déclaration car cela (pour moi en tout cas!) Semble toujours donner la mauvaise date, c'est-à-dire qu'au lieu de donner l'année 2019, cela donne l'année comme 51015, alors gardez cela à l'esprit.

Si vous préférez résoudre les horodatages et les conversions de dates de et vers UTC et l'heure locale sans bibliothèques comme moment.js, jetez un œil à l'option ci-dessous.

Pour les applications qui utilisent les horodatages UTC, vous devrez peut-être afficher la date dans le navigateur en tenant compte du fuseau horaire local et de l'heure d'été, le cas échéant. Modifier une date qui se trouve à une heure d'été différente, même si dans le même fuseau horaire, peut être délicat.

Les extensions Numberet Dateci-dessous vous permettent d'afficher et d'obtenir des dates dans le fuseau horaire des horodatages. Par exemple, disons que vous êtes à Vancouver, si vous modifiez une date en juillet ou en décembre, cela peut signifier que vous modifiez une date en PST ou PDT.

Je vous recommande de vérifier l'extrait de code ci-dessous pour tester cette solution.

Conversions en millisecondes

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

Conversions de dates

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

Usage

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

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

Voyez par vous-même

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

ÉDITER

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 fixe

Considérant que vous disposez epoch_time,

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

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

@Amjad, bonne idée, mais une meilleure implémentation serait:

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

Convertissez-le d'abord en chaîne, puis remplacez le texte du fuseau horaire.

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