แปลง UTC Epoch เป็นวันที่ท้องถิ่น

ฉันได้ต่อสู้กับสิ่งนี้มานานแล้ว ฉันพยายามแปลงยุคเป็นวัตถุวันที่ กาลส่งถึงฉันใน UTC เมื่อใดก็ตามที่คุณผ่านnew Date()ยุคมันจะถือว่าเป็นยุคท้องถิ่น ฉันพยายามสร้างวัตถุ UTC จากนั้นใช้setTime()เพื่อปรับให้เหมาะกับยุคสมัย แต่วิธีเดียวที่ดูเหมือนว่ามีประโยชน์คือtoUTCString()และสตริงไม่ได้ช่วยฉัน หากฉันส่งสตริงนั้นไปยังวันที่ใหม่ก็ควรสังเกตว่าเป็น UTC แต่ไม่ใช่

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

ความพยายามครั้งต่อไปของฉันคือพยายามหาความแตกต่างระหว่างยุคปัจจุบันในท้องถิ่นกับยุคปัจจุบัน UTC แต่ฉันก็ไม่สามารถรับมันได้

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

มันให้ความแตกต่างเพียงเล็กน้อยกับฉันภายใต้ 1,000 ซึ่งเป็นมิลลิวินาที

ข้อเสนอแนะใด ๆ

ฉันคิดว่าฉันมีทางออกที่ง่ายกว่า - ตั้งวันที่เริ่มต้นเป็นเวลาและเพิ่มหน่วย UTC สมมติว่าคุณมี UTC ยุคสมัยเก็บไว้ในไม่กี่วินาที 1234567890วิธีการเกี่ยวกับ หากต้องการแปลงให้เป็นวันที่ที่เหมาะสมในโซนเวลาท้องถิ่น:

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 เป็นวันที่ (ในเขตเวลาของฉัน) ตั้งเป็น Fri Feb 13 2009 18:31:30 GMT-0500 (EST)

ง่ายnew Date()เพียงแค่ใช้เวลามิลลิวินาทีเช่น

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

และสำหรับบันทึกฉันทำสิ่งนี้โดยใช้ห้องสมุดMoment.jsซึ่งฉันใช้สำหรับการจัดรูปแบบแล้ว

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

เวลาของยุคคือวินาทีจาก 1 มกราคม 1970 date.getTime()ส่งกลับมิลลิวินาทีจาก 1 มกราคม 1970 ดังนั้น .. หากคุณมีเวลาประทับของยุคเปลี่ยนเป็นเวลาประทับ javascript โดยคูณด้วย 1,000

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

ในการแปลงเวลายุคปัจจุบันใน [ms] เป็นเวลา 24 ชั่วโมง คุณอาจต้องระบุตัวเลือกเพื่อปิดการใช้งานรูปแบบ12 ชั่วโมง

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

2/7/2018, 19:35:24

หรือเป็น 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

หมายเหตุ:การใช้en-GBที่นี่เป็นเพียงตัวเลือก (สุ่ม) ของสถานที่โดยใช้รูปแบบ 24 ชั่วโมงไม่ใช่เขตเวลาของคุณ!

เวลาของยุค (เช่นเวลา Unix Epoch) เกือบตลอดเวลาเป็นจำนวนวินาทีที่หมดอายุตั้งแต่วันที่ 1 มกราคม 1970 00:00:00 (เวลา UTC) ไม่ใช่จำนวนมิลลิวินาทีซึ่งคำตอบบางส่วนของที่นี่มีความหมายโดยนัย

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

ดังนั้นถ้าคุณได้รับค่าเวลา Unix Epoch 1547035195มันอาจจะอยู่ในวินาทีและจะมีลักษณะบางอย่างเช่น หากคุณต้องการให้มนุษย์นี้อ่านได้ใน JavaScript คุณจะต้องแปลงค่าเป็นมิลลิวินาทีและส่งค่านั้นไปยังตัวDate(value)สร้างเช่น:

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

คุณไม่จำเป็นต้องทำตามd.setUTCMilliseconds(0)ขั้นตอนในคำตอบที่ยอมรับเนื่องจากตัวDate(value)สร้างJavaScript ใช้ค่าUTCเป็นมิลลิวินาที (ไม่ใช่เวลาท้องถิ่น)

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

นอกจากนี้โปรดทราบว่าคุณควรหลีกเลี่ยงการใช้Date(...)Constructor ที่รับการแทนสตริง datetime ไม่แนะนำให้ทำเช่นนี้ (ดูลิงค์ด้านบน)

คุณแค่ขอให้แปลงสตริง UTC เป็นสตริง "ท้องถิ่น" หรือไม่? คุณสามารถทำได้:

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

นอกเหนือจากคำตอบข้างต้นโดย @djechlin

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

แปลงเวลาของ EPOCH เป็นวันที่มนุษย์สามารถอ่านได้ อย่าลืมเวลาประเภทยุคนั้นต้องเป็นจำนวนเต็ม

ทางออกที่ง่ายที่สุดที่ฉันเคยพบมาคือ:

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

สังเกตว่าสิ่งนี้ไม่มีคำ* 1000อธิบายท้ายnew Date(timestamp)เรื่อง (สำหรับฉันต่อไป!) ดูเหมือนว่าจะให้วันที่ผิดเสมอแทนการให้ปี 2019 มันให้ปีเป็น 51015 ดังนั้นแค่จำไว้

หากคุณต้องการแก้ไขการประทับเวลาและวันที่แปลงจากและเป็น UTC และเวลาท้องถิ่นโดยไม่ต้องใช้ห้องสมุดเช่น moment.js ลองดูที่ตัวเลือกด้านล่าง

สำหรับแอปพลิเคชันที่ใช้การประทับเวลา UTC คุณอาจต้องแสดงวันที่ในเบราว์เซอร์โดยพิจารณาจากเขตเวลาท้องถิ่นและการปรับเวลาตามฤดูกาลเมื่อมีผลบังคับใช้ การแก้ไขวันที่ที่อยู่ในเวลาออมแสงแตกต่างกันถึงแม้ว่าในเขตเวลาเดียวกันอาจมีความยุ่งยาก

NumberและDateส่วนขยายด้านล่างช่วยให้คุณสามารถแสดงและได้รับวันที่ในเขตเวลาของการประทับเวลาที่ ตัวอย่างเช่นสมมติว่าคุณอยู่ในแวนคูเวอร์หากคุณกำลังแก้ไขวันที่ในเดือนกรกฎาคมหรือในเดือนธันวาคมอาจหมายถึงคุณกำลังแก้ไขวันที่ใน PST หรือ PDT

ฉันแนะนำให้คุณตรวจสอบ Code Snippet ด้านล่างเพื่อทดสอบวิธีนี้

การแปลงจากมิลลิวินาที

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

การแปลงจากวันที่

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

การใช้

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

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

ดูด้วยตัวคุณเอง

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

แก้ไข

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

แก้ไขการแก้ไข

พิจารณาคุณมี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);

แหล่งที่มา - https://www.epochconverter.com/programming/#javascript

@ Amjad ความคิดที่ดี แต่การใช้งานที่ดีขึ้นจะเป็น:

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

ก่อนอื่นให้แปลงเป็น String จากนั้นแทนที่ข้อความเขตเวลา

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