JavaScript 現在日時を取得するサンプル

目次

サンプル 現在日時を個別のメソッドで取得する
月日の前に頭ゼロをつける
  Dateで現在日時を一括取得しフォーマット変換する(toLocaleString)
現在の年月日を画面に表示するサンプル

現在日時を個別のメソッドで取得する

<script>
	const youbi = ["日","月","火","水","木","金","土"];

	const date1 = new Date();
	const date2 = date1.getFullYear() + "年" + 
				(date1.getMonth() + 1)  + "月" + 
				date1.getDate() + "日" + 
				date1.getHours() + "時" + 
				date1.getMinutes() + "分" + 
				date1.getSeconds() + "秒" + 
				date1.getMilliseconds() + "ミリ秒" + 
				youbi[date1.getDay()] + "曜日" // 0は日曜日~6は土曜日
	console.log(date2); 
	// 2020年2月1日20時55分36秒809ミリ秒土曜日
</script>

2行目は、曜日の配列です。
4行目は、Dateオブジェクトを生成しています。
5~12行目は、個別に値を取得しています。
6行目のgetMonthは、0から始まります。1月のときは0が返ります。そのため+1しています。
12行目のgetDayは、曜日が数字で返ってきます。0は日曜日で、6は土曜日です。

 

月日の前に頭ゼロをつける

<script>
    const date1 = new Date();

    // 頭ゼロをつける
    const date3 =
        date1.getFullYear() +
        ("00" + (date1.getMonth() + 1)).slice(-2) +
        ("00" + date1.getDate()).slice(-2);
    console.log(date3);
    // 20200201
</script>

7,8行目は、sliceメソッドで頭ゼロを付与しています。
9行目は、YYYYMMDDで出力されます。

 

Dateで現在日時を一括取得しフォーマット変換する(toLocaleString)

<script>
	const date1 = new Date();
	console.log(date1); // Sat Feb 01 2020 20:49:28 GMT+0900 (日本標準時)
	console.log(date1.toLocaleString()); // 2020/2/1 20:49:28
</script>

3行目は、Dateの値をそのまま出力したときのフォーマットです。
4行目は、toLocaleStringメソッドで年月日をスラッシュ区切りで、時分秒をカンマ区切りにしています。

toLocaleStringメソッドは、サポートされていないブラウザもあります。
以下は、MDNのtoLocaleStringメソッドのリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

 

現在の年月日を画面に表示するサンプル

以下はjsで現在の年月日を表示しています。

 

上記サンプルのコードです。

<p id="p1"></p>
<script>
    const p1 = document.getElementById("p1");
    const date1 = new Date();
    const date2 =
        date1.getFullYear() +
        "/" +
        (date1.getMonth() + 1) +
        "/" +
        date1.getDate();
    p1.textContent = date2;
</script>

関連の記事

JavaScript 日時の計算のサンプル(加算と減算)
JavaScript 日時の差分を求めるサンプル

△上に戻る