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

1000 미만의 작은 차이 만 밀리 초 단위입니다.

어떤 제안?

더 간단한 해결책이 있다고 생각합니다. 초기 날짜를 시대로 설정하고 UTC 단위를 추가하십시오. UTC 에포크 var가 초 단위로 저장되어 있다고 가정 해보십시오. 어때요 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)

에포크 시간에 초 1970 년 1 월 1 일에서 date.getTime()반환 밀리 초 당신은 시대의 타임 스탬프가있는 경우, 1000 곱하여 자바 스크립트 타임 스탬프로 변환 ... 그래서, 1 월 1 일 1970.

   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 시간 형식을 사용하여 장소의 단지 (랜덤) 선택, 그것은 시간대 아니다!

에포크 시간 (즉, 유닉스 에포크 시간) 거의 항상의 수 초 1970년 1월 1일 0시 0분 0초 (UTC 시간)부터 만료,하지의 수 밀리 초 여기에 몇 가지 답변을 암시했다.

https://ko.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)JavaScript Date(value)생성자는 현지 시간이 아닌 밀리 초 단위 로 UTC 값을 사용 하므로 허용 된 답변 의 단계 를 수행 할 필요가 없습니다 .

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

또한 Date(...)문자열 날짜 시간 표현을 사용하는 생성자를 사용 하지 않아야합니다 (권장되지 않음).

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 시간을 사람이 읽을 수있는 날짜로 변환합니다. EPOCH 시간 유형은 정수 여야한다는 것을 잊지 마십시오.

내가 찾은 가장 간단한 해결책은 다음과 같습니다.

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

이것은 (어쨌든 나를 위해!) 항상 잘못된 날짜를주는 것처럼 보이기 때문에 진술 * 1000의 끝에는 없습니다 new Date(timestamp).

moment.js와 같은 라이브러리없이 UTC 및 현지 시간으로 시간 소인 및 날짜 변환을 해결하려는 경우 아래 옵션을 살펴보십시오.

UTC 타임 스탬프를 사용하는 응용 프로그램의 경우 현지 시간대와 일광 절약 시간을 고려하여 브라우저에 날짜를 표시해야 할 수 있습니다. 동일한 시간대에 있어도 일광 절약 시간이 다른 날짜를 편집하는 것은 까다로울 수 있습니다.

아래 의 Number및 Date확장을 사용하면 타임 스탬프의 시간대로 날짜를 표시하고 가져올 수 있습니다. 예를 들어, 7 월 또는 12 월에 날짜를 편집하는 경우 밴쿠버에 있다고 가정하면 PST 또는 PDT로 날짜를 편집하고 있음을 의미 할 수 있습니다.

이 솔루션을 테스트하려면 아래의 코드 스 니펫을 확인하는 것이 좋습니다.

밀리 초에서 변환

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

먼저 문자열로 변환 한 다음 시간대 텍스트를 바꾸십시오.

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