JavaScript でミリ秒を日付に変換する
Muhammad Muzammil Hussain
2023年10月12日
JavaScript
JavaScript DateTime
この記事では、JavaScript のデフォルトの date オブジェクトとメソッドを使用して、ミリ秒単位で日付を生成する方法について説明します。
JavaScript でミリ秒を日付に変換する
JavaScript でミリ秒単位の日付を生成するには、デフォルトの JavaScript date オブジェクトとそのメソッドを使用できます。 まず、ミリ秒の値をパラメーターとして date オブジェクトに渡し、日付を目的の日付形式に変換する必要があります。
日付形式を変換するデフォルトの方法は複数あります。 ほとんどの開発者は、以下の構文に示すように、日付の内容を文字列に変換する必要があります。
基本的な構文:
let date = new Date(milliseconds); // convert date from milliseconds
date.toString(); // change format
JavaScript でミリ秒から文字列日付を生成する
次の例では、現在の date オブジェクトを生成し、date.time() メソッドによってミリ秒に変換する単純な Web ページを作成します。 次に、そのミリ秒の値を使用して、ボタンをクリックするだけで現在の日付の文字列形式を生成します。
コード例:
<!DOCTYPE html>
<html>
<body>
<h2>DelftStack learning</h2>
<h3>JavaScript convert milliseconds to date example</h3>
<p id="millisecondsDate" > </p>
<button onClick="myFunction()">
click here
</button>
<p id="convertedDate"> </p>
<script>
var original = document.getElementById('millisecondsDate');
var result = document.getElementById('convertedDate');
var time = new Date().getTime(); // current date in milliseconds
original.innerHTML = "Milliseconds = " + time;
function myFunction() {
var date = new Date(time);
result.innerHTML = date.toString(); // final date in string
}
</script>
</body>
</html>
上記の HTML ソース コードでは、段落タグ <p></p> を使用して、変換された日付を表示しています。 <script> タグでは、現在の日付を生成し、ミリ秒を取得しています。
myFunction() を宣言し、ミリ秒をパラメーターとして渡すことで新しい日付を生成しました。 次に、toString() メソッドを使用して日付を文字列形式に変換します。
innerHTML を使用して、最終的な変換日を段落タグに割り当てました。 ここでは、ボタンをクリックして myFunction() を呼び出しました。
上記のソースを HTML の拡張子で保存し、ブラウザで開いて結果を確認できます。
JavaScript でのミリ秒からの一般的な日付変換
JavaScript でミリ秒からさまざまな日付形式に日付を変換する一般的な方法を次に示します。
let originalDate = new Date(milliseconds);
originalDate.toLocaleString(); // output will be: "D/MM/YYYY, H:MM:SS PM/AM"
originalDate.toLocaleDateString(); //output will be: "D/MM/YYYY"
originalDate.toDateString(); // output will be: "Day Month DD YYYY"
originalDate.toTimeString(); // output will be: "HH:MM:SS GMT+0530"
originalDate.toString(); // output will be: "Day Month DD YYYY HH:MM:SS GMT+0500"
originalDate.toLocaleTimeString(); // output will be: "H:MM:SS AM/PM"
チュートリアルを楽しんでいますか？ <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe