Ubah UTC Epoch ke tanggal lokal

Saya telah berjuang dengan ini sebentar. Saya mencoba mengubah zaman ke objek tanggal. Zaman dikirim kepada saya dalam UTC. Setiap kali Anda melewati new Date()zaman, itu menganggap itu zaman lokal. Saya mencoba membuat objek UTC, kemudian menggunakan setTime()untuk menyesuaikannya dengan zaman yang tepat, tetapi satu-satunya metode yang tampaknya berguna toUTCString()dan string tidak membantu saya. Jika saya meneruskan string itu ke tanggal yang baru, ia harus memperhatikan bahwa itu UTC, tetapi tidak.

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

Upaya saya berikutnya adalah mencoba untuk mendapatkan perbedaan antara zaman lokal saat ini dan zaman sekarang UTC, tetapi saya juga tidak bisa mendapatkannya.

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

Itu hanya memberi saya perbedaan yang sangat kecil, di bawah 1000, yang dalam milidetik.

Ada saran?

Saya pikir saya punya solusi yang lebih sederhana - atur tanggal awal ke zaman dan tambahkan unit UTC. Katakanlah Anda memiliki zaman UTC disimpan dalam hitungan detik. Bagaimana 1234567890. Untuk mengonversi itu ke tanggal yang tepat di zona waktu lokal:

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 sekarang tanggal (di zona waktu saya) diatur ke Fri Feb 13 2009 18:31:30 GMT-0500 (EST)

Sangat mudah, new Date()hanya membutuhkan milidetik, mis

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

Dan hanya untuk log, saya melakukan ini menggunakan perpustakaan Moment.js , yang saya gunakan untuk memformat pula.

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

Waktu zaman dalam detik dari 1 Januari 1970. date.getTime()mengembalikan milidetik dari 1 Januari 1970, jadi .. jika Anda memiliki cap waktu zaman, ubah menjadi cap waktu javascript dengan mengalikan dengan 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;
}

Untuk mengonversi waktu saat ini dalam [ms] ke waktu 24 jam. Anda mungkin perlu menentukan opsi untuk menonaktifkan format 12 jam .

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

2/7/2018, 19:35:24

atau sebagai 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

Catatan: Penggunaan di en-GBsini, hanyalah pilihan tempat (acak) menggunakan format 24 jam, itu bukan zona waktu Anda!

Waktu Epoch (yaitu Waktu Unix Epoch) hampir selalu jumlah detik yang telah berakhir sejak 1 Januari 1970 00:00:00 (waktu UTC), bukan jumlah milidetik yang disiratkan oleh beberapa jawaban di sini.

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

Karena itu, jika Anda telah diberi nilai waktu Unix Epoch mungkin akan dalam hitungan detik, dan akan terlihat seperti 1547035195. Jika Anda ingin menjadikan manusia ini dapat dibaca dalam JavaScript, Anda perlu mengonversi nilainya menjadi milidetik, dan meneruskan nilainya ke Date(value)konstruktor, misalnya:

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

Anda tidak perlu melakukan d.setUTCMilliseconds(0)langkah dalam jawaban yang diterima karena Date(value)konstruktor JavaScript mengambil UTC nilai dalam milidetik (bukan waktu setempat).

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

Juga perhatikan bahwa Anda harus menghindari menggunakan Date(...)konstruktor yang mengambil representasi string datetime, ini tidak dianjurkan (lihat tautan di atas).

Apakah Anda hanya meminta untuk mengubah string UTC ke string "lokal"? Anda bisa melakukannya:

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

Penambahan jawaban di atas oleh @djechlin

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

mengkonversi waktu EPOCH ke tanggal yang dapat dibaca manusia. Hanya saja, jangan lupa bahwa jenis waktu EPOCH harus berupa Integer.

Solusi paling sederhana yang saya temukan untuk ini, adalah:

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

Perhatikan ini tidak memiliki * 1000pada akhir new Date(timestamp)pernyataan karena ini (bagi saya toh!) Selalu sepertinya memberikan tanggal yang salah, yaitu bukannya memberikan tahun 2019 itu memberikan tahun sebagai 51015, jadi ingatlah itu.

Jika Anda lebih suka menyelesaikan cap waktu dan tanggal konversi dari dan ke UTC dan waktu setempat tanpa pustaka seperti moment.js, lihat opsi di bawah ini.

Untuk aplikasi yang menggunakan cap waktu UTC, Anda mungkin perlu menunjukkan tanggal di browser dengan mempertimbangkan zona waktu lokal dan penghematan siang hari jika berlaku. Mengedit tanggal yang ada di waktu penghematan siang hari yang berbeda walaupun di zona waktu yang sama bisa rumit.

The NumberdanDate ekstensi bawah memungkinkan Anda untuk menampilkan dan mendapatkan tanggal di zona waktu cap waktu. Misalnya, katakanlah Anda berada di Vancouver, jika Anda mengedit tanggal di bulan Juli atau di bulan Desember, itu bisa berarti Anda mengedit tanggal di PST atau PDT.

Saya sarankan Anda untuk memeriksa Cuplikan Kode di bawah untuk menguji solusi ini.

Konversi dari milidetik

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

Konversi dari tanggal

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

Pemakaian

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

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

Lihat sendiri

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

EDIT

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 diperbaiki

Mengingat, Anda telah epoch_timetersedia,

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

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

@Amjad, ide bagus, tetapi implementasi yang lebih baik adalah:

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

Pertama-tama ubah ke String dan kemudian ganti teks zona waktu.

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