JavaScriptで特定の日時を指定した上でDateインスタンスを使う方法

特定の日付を指定した上でDateインスタンスを作成

JavaScriptで「特定の日時」を指定した上で日付関連オブジェクトを操作することができます。

操作するにはDate()オブジェクトに引数として日付を指定してインスタンスを作成することで実現できます。

構文

オブジェクト意味
Date(日付)指定した日付を軸にインスタンスを作成する
Date()インスタンス

サンプルコード

Output
今日の日付と時刻を取得
2020年1月1日14時20分11秒を取得
Pug
div
		table.table
			tbody
				tr
					th 今日の日付と時刻を取得
					td#targetText
				tr
					th 2020年1月1日14時20分11秒を取得
					td#targetText1
JavaScript
const targetText = document.getElementById( 'targetText' );
const targetText1 = document.getElementById( 'targetText1' );

const DateInstance = new Date();
//月に関しては、1月は「00」12月は「11」と数字と実際の月で1ズレる仕様なので、1月1日は「00,01」となります。
const DateInstance1 = new Date(2020,00,01,14, 20, 11); 
//const DateInstance1 = new Date('2020/00/01 14:20:11');  //こちらの書き方でもOK
targetText.textContent = DateInstance.toLocaleString();
targetText1.textContent = DateInstance1.toLocaleString();

1点注意点ですが、JavaScriptの仕様で月だけは「0(1月) 〜 11(12月)」の数値で表します。実際の月と数字で1ズレが出ますので、注意が必要です。

サンプルコードでが1月を指定したかったので「00」としました。

インストラクター
コメント

コメントを残す