JavaScriptでUnixタイムスタンプを時間に変換する


1157

MySQLデータベースにUnixタイムスタンプとして時間を保存していますが、それはJavaScriptコードに送信されます。どうすれば時間を無駄にできますか?

たとえば、HH / MM / SS形式です。


5
JSのタイムスタンプはミリ秒単位で、PHPは秒単位で配信するため、1000を掛けるだけです。
ankr 2017年

:ここでは別の日付形式と非常に便利なリンクがあるtimestamp.online/article/... 1000で乗算と結合し、それは仕事を取得します!
Kevin Lemaire

回答:


1733

let unix_timestamp = 1549312452
// Create a new JavaScript Date object based on the timestamp
// multiplied by 1000 so that the argument is in milliseconds, not seconds.
var date = new Date(unix_timestamp * 1000);
// Hours part from the timestamp
var hours = date.getHours();
// Minutes part from the timestamp
var minutes = "0" + date.getMinutes();
// Seconds part from the timestamp
var seconds = "0" + date.getSeconds();

// Will display time in 10:30:23 format
var formattedTime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);

console.log(formattedTime);

Dateオブジェクトの詳細については、MDNまたはECMAScript 5仕様を参照してください。


114
@nickf乗算は、現代のCPU上で些細です-文字列の連結が必要になります多くのより多くの仕事を!
Alnitak

4
連結は、読み取りメモリと書き込みメモリで構成する必要があります。追加などの単純なものを設計して、乗算よりも複雑にする方法はありますか?連結するように子供に頼むと、乗算はより困難になります。さらに、メモリは線形に機能するようにレイアウトされています...誰かが@nickfコメントへの参照を提供できますか?

29
実際には'10で時刻を表示します:2:2'形式を、それが10以下の値の前に余分な0を追加していないので
Fireblaze

16
@ user656925-乗算には数値が含まれ、連結には文字列が含まれます。コンピューターは、文字列よりもはるかに効率的に数値を処理します。文字列の連結が行われると、バックグラウンドで多くのメモリ管理が行われます。(ただし、とにかく既に文字列連結を行っている場合は、文字列の1つにいくつかの余分な文字を含める方が、2つの数値を乗算するのに必要な1つのプロセッサ演算よりも平均して実際にコストが安くなる可能性があります。)
ブリリアン

6
@Stallmanの数値計算はコンピュータが行う最も基本的なことであり、メモリとランタイムの両方で非常に効率的です。上のBrilliandのコメントは妥当ですが、私見の彼のコメントの最後の部分は完全に偽物です。
Alnitak 2016年

297

function timeConverter(UNIX_timestamp){
  var a = new Date(UNIX_timestamp * 1000);
  var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  var year = a.getFullYear();
  var month = months[a.getMonth()];
  var date = a.getDate();
  var hour = a.getHours();
  var min = a.getMinutes();
  var sec = a.getSeconds();
  var time = date + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec ;
  return time;
}
console.log(timeConverter(0));


HH / MM / SSの場合、最後の3つの変数を使用します。これはローカル時間になりますが、UTC時間を取得する場合は、getUTCメソッドを使用します。これがコードです。
shomrat

36
ので、9、のように:私は、このソリューションを使用するが、分、秒として表示することをので、それを微調整:03または:09の代わり:3またはvar min = a.getMinutes() < 10 ? '0' + a.getMinutes() : a.getMinutes(); var sec = a.getSeconds() < 10 ? '0' + a.getSeconds() : a.getSeconds();
user1985189

3
バグ:getMonth()0から11までの月数を返すため、a.getMonth() - 1誤りです。
jcampbell1 14

195

JavaScriptはミリ秒単位で機能するため、最初にUNIXタイムスタンプを秒からミリ秒に変換する必要があります。

var date = new Date(UNIX_Timestamp * 1000);
// Manipulate JavaScript Date object here...

80

Date.format()PHPのdate()関数のスタイルでJavaScriptの日付のフォーマットを実装するJacob Wrightのライブラリには不満です。

new Date(unix_timestamp * 1000).format('h:i:s')

12
昔は良い答えでしたが、この頃はネイティブjsオブジェクトの拡張はアンチパターンです。
Peter

3
ノードjsでは(もう?)機能しませんformat is not a function。しかし、これは明らかに機能します:stackoverflow.com/a/34015511/7550772
ibodi

71

使用する:

var s = new Date(1504095567183).toLocaleDateString("en-US")
console.log(s)
// expected output "8/30/2017"  

そして時間:

var s = new Date(1504095567183).toLocaleTimeString("en-US")
console.log(s)
// expected output "3:19:27 PM"

Date.prototype.toLocaleDateString()を参照してください


これは、要求された時刻(HH / MM / SS)ではなく、日付(M / D / YYYY)を取得するコマンドです。
Wolfgang、

2
ちなみに、「1504095567183」という数値はunix_timestamp * 1000です
camillo777

1
さらに、toLocaleString日付と時刻の両方が含まれます。
ショーン

56

以下は、秒をhh:mm:ss次のようにフォーマットするための最短のワンライナーソリューションです。

/**
 * Convert seconds to time string (hh:mm:ss).
 *
 * @param Number s
 *
 * @return String
 */
function time(s) {
    return new Date(s * 1e3).toISOString().slice(-13, -5);
}

console.log( time(12345) );  // "03:25:45"

メソッドDate.prototype.toISOString()は、常に 24文字または27文字(つまり、 それぞれ)の単純化された拡張ISO 8601形式で時間を返します。タイムゾーンは常にゼロUTCオフセットです。YYYY-MM-DDTHH:mm:ss.sssZ±YYYYYY-MM-DDTHH:mm:ss.sssZ

注意:このソリューションはサードパーティのライブラリを必要とせず、すべての最新のブラウザとJavaScriptエンジンでサポートされています。


Chromeのコンソールに関数を貼り付けています:/フィドルでも01:02:00と表示されます!Firefoxで試したところ、同じ結果が得られました。非常に奇妙です...私はGMT + 1だからです!
Steve Chamaillard 2017

タイムゾーンを無視する回答の編集を提供したので、常に正しい形式の値が表示されます!
Steve Chamaillard 2017

1
@SteveChamaillardありがとう、スティーブ。あなたは正しかった、toTimeStringタイムゾーンでうまく機能していませんでした。残念ながら、私が見る前にあなたの編集は拒否されました。ただし、は非推奨であり、異なるプラットフォームでは異なる結果を返す可能性があるため、toISOString代わりに使用することをお勧めしtoGMTStringます。
VisioN 2017

ES6を使用するとさらに短くなります:let time = s => new Date(s * 1e3).toISOString()。slice(-13、-5)
SamGoody

28

これを本当に簡単にするために、momentjs.comのようなライブラリを使用することを検討します。

Unixタイムスタンプに基づく:

var timestamp = moment.unix(1293683278);
console.log( timestamp.format("HH/mm/ss") );

MySQLの日付文字列に基づく:

var now = moment("2010-10-10 12:03:15");
console.log( now.format("HH/mm/ss") );

3
moment.js(または同様のライブラリ)のもう1つの利点は、「6時間前」のようなメッセージに対する相対時間のサポートです。
マルティン2015

あなたのconsole.log例では/、のためにフォーマットについて混乱していましたが、それは非常に役立ちました。
NetOperator Wibby 2015年

私のタイムスタンプはUTC形式です。そのためにここで行う必要がある変更はありますか?どうすれば午前/午後にできますか?
コーデック

moment.jsは、このような小さなことを行うにはやり過ぎであり、パフォーマンスに影響します。代わりにネイティブメソッドを使用してください。ダンアルボテアヌの回答
ロビンメトラル

22

UNIXタイムスタンプは、1970年1月1日の00:00:00 UTC(Wikipediaによる)からの数です。

Javascriptの日付オブジェクトの引数は、1970年1月1日の00:00:00 UTCからのミリ秒数です(W3Schools Javascriptドキュメントによると)。

例として、以下のコードを参照してください。

    function tm(unix_tm) {
        var dt = new Date(unix_tm*1000);
        document.writeln(dt.getHours() + '/' + dt.getMinutes() + '/' + dt.getSeconds() + ' -- ' + dt + '<br>');

    }

tm(60);
tm(86400);

与える:

1/1/0 -- Thu Jan 01 1970 01:01:00 GMT+0100 (Central European Standard Time)
1/0/0 -- Fri Jan 02 1970 01:00:00 GMT+0100 (Central European Standard Time)

19

秒をhh:mm:ss:バリアントとしてフォーマットする最短のワンライナーソリューション:

console.log(new Date(1549312452 * 1000).toISOString().slice(0, 19).replace('T', ' '));
// "2019-02-04 20:34:12"


1
PHP UNIXでこれを使用するときに、いくつかの理由で実際の時間よりも、私のget + 5Hタイムスタンプ:/
keanu_reeves

2
@keanu_reeves-あなたは米国東部時間帯にいるようで、タイムスタンプはUTCです。.slice(0,19)を削除してみてください。結果のタイムゾーンがZ(ズールー)であることがわかります。
bitfiddler

17

Moment.jsを使用すると、次のように日時を取得できます。

var dateTimeString = moment(1439198499).format("DD-MM-YYYY HH:mm:ss");

そして、あなたはこれを使って時間だけを得ることができます:

var timeString = moment(1439198499).format("HH:mm:ss");

この形式DD-MM-YYYY HH:mm:ssをこのような1439198499に変換するなど、逆方向に行う方法を知っていますか?
Kemat Rochi

。こんにちはKematは、この文モーメント(「2009-07-15夜十二時00分00秒」)UNIX()を介してそれを行うことができます
ピーターT.

私のタイムスタンプはUTC形式です。そのためにここで必要な違いはありますか?どうすれば午前/午後にできますか?
コーデック

あなたは簡単にタイムスタンプを日付に変換することができますモーメントJS、あなたはこのcoderszine.com/convert-timestamp-to-date-using-javascript
Laeeq

15

前述のソリューションの問題は、時間、分、または秒が1桁(つまり0〜9)しかない場合、時間は間違っていることになります。たとえば、2:3:9のようになる可能性がありますが、02: 03:09。

このページによると Dateの「toLocaleTimeString」メソッドを使用する方が良い解決策のようです。


5
ほとんどのWebソリューションでは、クライアントのロケール(24時間と12時間の午前/午後形式など)を使用するため、これが最も正解です。時間文字列の場合は、あなたがして使用します。date.toLocaleTimeString()
バチ

1
toTimeStringメソッドでは発生しません。ここを確認してください:stackoverflow.com/a/35890537/1249581
VisioN 2016

14

別の方法-ISO 8601の日付から。

var timestamp = 1293683278;
var date = new Date(timestamp * 1000);
var iso = date.toISOString().match(/(\d{2}:\d{2}:\d{2})/)
alert(iso[1]);


「オブジェクト...にはメソッド 'toISOString'がありません」
Aviram Netanel

私のタイムスタンプはUTC形式です。そのためにここで必要な違いはありますか?どうすれば午前/午後にできますか?
コーデック

13

現時点では、UNIXタイムスタンプを使用する必要があります。

var dateTimeString = moment.unix(1466760005).format("DD-MM-YYYY HH:mm:ss");

10

@shomratの回答に基づいて、次はこのようなdatetimeを自動的に書き込むスニペットです(StackOverflowの回答の日付に少し似ていますanswered Nov 6 '16 at 11:51):

today, 11:23

または

yersterday, 11:23

または(今日とは異なるが同じ年の場合)

6 Nov, 11:23

または(今日以外の年の場合)

6 Nov 2016, 11:23

function timeConverter(t) {     
    var a = new Date(t * 1000);
    var today = new Date();
    var yesterday = new Date(Date.now() - 86400000);
    var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    var year = a.getFullYear();
    var month = months[a.getMonth()];
    var date = a.getDate();
    var hour = a.getHours();
    var min = a.getMinutes();
    if (a.setHours(0,0,0,0) == today.setHours(0,0,0,0))
        return 'today, ' + hour + ':' + min;
    else if (a.setHours(0,0,0,0) == yesterday.setHours(0,0,0,0))
        return 'yesterday, ' + hour + ':' + min;
    else if (year == today.getFullYear())
        return date + ' ' + month + ', ' + hour + ':' + min;
    else
        return date + ' ' + month + ' ' + year + ', ' + hour + ':' + min;
}

9

40 KBライブラリを必要としない最新のソリューション:

Intl.DateTimeFormatは、文化に反する方法で日付/時刻をフォーマットする方法です。

// Setup once
var options = {
    //weekday: 'long',
    //month: 'short',
    //year: 'numeric',
    //day: 'numeric',
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric'
},
intlDate = new Intl.DateTimeFormat( undefined, options );

// Reusable formatter
var timeStamp = 1412743273;
console.log( intlDate.format( new Date( 1000 * timeStamp ) ) );

「非文化的帝国主義的方法」:あなたは意味しない「非文化的および非帝国主義の道を」
Peter Mortensen、2015年

残念ながら、この方法はSafariと互換性がありません。
Stephen S.

9

私のタイムスタンプは、PHPバックエンドからフェッチされています。上記の方法をすべて試しましたが、うまくいきませんでした。それから私は働いたチュートリアルに出くわしました:

var d =val.timestamp;
var date=new Date(+d); //NB: use + before variable name

console.log(d);
console.log(date.toDateString());
console.log(date.getFullYear());
console.log(date.getMinutes());
console.log(date.getSeconds());
console.log(date.getHours());
console.log(date.toLocaleTimeString());

上記のメソッドはこの結果を生成します

1541415288860
Mon Nov 05 2018 
2018 
54 
48 
13
1:54:48 PM

タイムスタンプを完全に処理するメソッドがたくさんあります。それらをすべてリストすることはできません


8
function getTIMESTAMP() {
  var date = new Date();
  var year = date.getFullYear();
  var month = ("0" + (date.getMonth() + 1)).substr(-2);
  var day = ("0" + date.getDate()).substr(-2);
  var hour = ("0" + date.getHours()).substr(-2);
  var minutes = ("0" + date.getMinutes()).substr(-2);
  var seconds = ("0" + date.getSeconds()).substr(-2);

  return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds;
}

//2016-01-14 02:40:01

正常に動作します。ありがとう
Vlad

6

いくつかの回答でゼロ問題に注意してください。たとえば、タイムスタンプ1439329773が誤ってに変換され12/08/2015 0:49ます。

この問題を克服するために以下を使用することをお勧めします:

var timestamp = 1439329773; // replace your timestamp
var date = new Date(timestamp * 1000);
var formattedDate = ('0' + date.getDate()).slice(-2) + '/' + ('0' + (date.getMonth() + 1)).slice(-2) + '/' + date.getFullYear() + ' ' + ('0' + date.getHours()).slice(-2) + ':' + ('0' + date.getMinutes()).slice(-2);
console.log(formattedDate);

結果は次のようになります:

12/08/2015 00:49

5
// Format value as two digits 0 => 00, 1 => 01
function twoDigits(value) {
   if(value < 10) {
    return '0' + value;
   }
   return value;
}

var date = new Date(unix_timestamp*1000);
// display in format HH:MM:SS
var formattedTime = twoDigits(date.getHours()) 
      + ':' + twoDigits(date.getMinutes()) 
      + ':' + twoDigits(date.getSeconds());

これが必要なときはいつでも、末尾にゼロが付いた数値を取得するために、追加の個別の関数は必要ないと思います-下部の私の答えを参照してください。
trejder 2013

2
@trejder、あなたの例では、あなたはロジックを複製しますが、追加の関数を使用すると、1つの場所にそれを持っています。また、ここでは、日付関数(たとえば、getHours())を常に2回トリガーします-1回の呼び出しです。再実行するライブラリ関数がどれほど重いかはわかりません(ただし、日付に関しては軽いと思います)。
walv 14

4
function timeConverter(UNIX_timestamp){
 var a = new Date(UNIX_timestamp*1000);
     var hour = a.getUTCHours();
     var min = a.getUTCMinutes();
     var sec = a.getUTCSeconds();
     var time = hour+':'+min+':'+sec ;
     return time;
 }

4

日付/エポックコンバーターを参照してください。

する必要がParseIntあります。そうしないと機能しません。


if (!window.a)
    window.a = new Date();

var mEpoch = parseInt(UNIX_timestamp);

if (mEpoch < 10000000000)
    mEpoch *= 1000;

------
a.setTime(mEpoch);
var year = a.getFullYear();
...
return time;

4

次の関数を使用して、タイムスタンプをHH:MM:SS形式に変換できます。

var convertTime = function(timestamp, separator) {
    var pad = function(input) {return input < 10 ? "0" + input : input;};
    var date = timestamp ? new Date(timestamp * 1000) : new Date();
    return [
        pad(date.getHours()),
        pad(date.getMinutes()),
        pad(date.getSeconds())
    ].join(typeof separator !== 'undefined' ?  separator : ':' );
}

セパレータを渡さずに:、(デフォルトの)セパレータとして使用します:

time = convertTime(1061351153); // --> OUTPUT = 05:45:53

/セパレータとして使用したい場合は、それを2番目のパラメータとして渡します。

time = convertTime(920535115, '/'); // --> OUTPUT = 09/11/55

デモ

var convertTime = function(timestamp, separator) {
    var pad = function(input) {return input < 10 ? "0" + input : input;};
    var date = timestamp ? new Date(timestamp * 1000) : new Date();
    return [
        pad(date.getHours()),
        pad(date.getMinutes()),
        pad(date.getSeconds())
    ].join(typeof separator !== 'undefined' ?  separator : ':' );
}

document.body.innerHTML = '<pre>' + JSON.stringify({
    920535115 : convertTime(920535115, '/'),
    1061351153 : convertTime(1061351153, ':'),
    1435651350 : convertTime(1435651350, '-'),
    1487938926 : convertTime(1487938926),
    1555135551 : convertTime(1555135551, '.')
}, null, '\t') +  '</pre>';

このフィドルも参照してください。


3

 function getDateTimeFromTimestamp(unixTimeStamp) {
        var date = new Date(unixTimeStamp);
        return ('0' + date.getDate()).slice(-2) + '/' + ('0' + (date.getMonth() + 1)).slice(-2) + '/' + date.getFullYear() + ' ' + ('0' + date.getHours()).slice(-2) + ':' + ('0' + date.getMinutes()).slice(-2);
      }

    var myTime = getDateTimeFromTimestamp(1435986900000);
    console.log(myTime); // output 01/05/2000 11:00


これはUnixタイムスタンプではありません:1435986900000 /これはUnixタイムスタンプです:1435986900
Orici

このソリューションは私にとってはうまくいきますが、数字の代わりに2月3月4月のような月をどのように取ることができますか?
abidinberkay

2

Unixの時間を実際の時間、分、秒に変換する場合は、次のコードを使用できます。

var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor((timestamp - hours * 60 * 60) / 60);
var seconds = Math.floor(timestamp - hours * 60 * 60 - minutes * 60 );
var duration = hours + ':' + minutes + ':' + seconds;

1
function getDateTime(unixTimeStamp) {

    var d = new Date(unixTimeStamp);
    var h = (d.getHours().toString().length == 1) ? ('0' + d.getHours()) : d.getHours();
    var m = (d.getMinutes().toString().length == 1) ? ('0' + d.getMinutes()) : d.getMinutes();
    var s = (d.getSeconds().toString().length == 1) ? ('0' + d.getSeconds()) : d.getSeconds();

    var time = h + '/' + m + '/' + s;

    return time;
}

var myTime = getDateTime(1435986900000);
console.log(myTime); // output 01/15/00

1

以下のコードは、3桁のミリ秒も提供します。これは、コンソールログのプレフィックスに最適です。

const timeStrGet = date => {
    const milliSecsStr = date.getMilliseconds().toString().padStart(3, '0') ;
    return `${date.toLocaleTimeString('it-US')}.${milliSecsStr}`;
};

setInterval(() => console.log(timeStrGet(new Date())), 299);



1

@Aronによる回答は機能しますが、1980年からタイムスタンプを変換しようとしていたため、機能しませんでした。そのため、次のようにいくつかの変更を行いました

function ConvertUnixTimeToDateForLeap(UNIX_Timestamp) {
    var dateObj = new Date(1980, 0, 1, 0, 0, 0, 0);
    dateObj.setSeconds(dateObj.getSeconds() + UNIX_Timestamp);
    return dateObj;  
}

document.body.innerHTML = 'TimeStamp : ' + ConvertUnixTimeToDateForLeap(1269700200);

そのため、10年ほど前からタイムスタンプを取得している場合は、これを使用してください。それは私にとって多くの頭痛を救った。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.