Title

Dateとは

Date とは次の語句からなるjavascriptのコンストラクターです。

date

読み: デイト
意味: 日付

目次に戻る

Dateの概要

これはDateクラスから日付オブジェクトのインスタンスを生成するためのコンストラクターです。 new演算子に続けてコンストラクターを記述することで、新しいオブジェクトを生成することができます。

Dateオブジェクトは現在の日時を取得したり、指定した年月日の情報を取得することができます。 また、生成したオブジェクトの各プロパティ値を変更することで日付や時間に関する任意のデータにアクセスすることも可能です。

目次に戻る

サンプルコードと実行結果

ここからは実際にDateオブジェクトから色々な情報を取得してみたいと思います。

現在の日時を取得する

このサンプルはDateオブジェクトのインスタンスを生成して、そのオブジェクトから 現在の日時を取得して書き出します。

<script>
	let objDate = new Date();
	document.write(objDate);
</script>

目次に戻る

年月日と曜日番号を取得する

ここでは次の4つのメソッドを使って年月日と曜日の番号を取得してみます。 このメソッドの引数は空で使用します。つまり()の中は空ということです。

1. getFullYear(): 地方時に基づき、年を返します。
2. getMonth(): 地方時に基づき、月をインデックス値として返します。
3. getDate(): 地方時に基づき、日を返します。
4. getDay(): 地方時に基づき、曜日をインデックス値として返します。

<script>
	//let objDate = new Date();
	document.write(objDate.getFullYear(),"年","<br>");
	document.write(objDate.getMonth(),"月","<br>");
	document.write(objDate.getDate(),"日","<br>");
	document.write(objDate.getDay(),"曜日","<br>");
</script>

実行結果では、月の値は-1した結果となり、月と曜日の値はインデックス値で返っているのが分かります。 このことから月の値は+1する必要があります。また、曜日はインデックス値に合わせた配列を用意する必要がありそうです。

目次に戻る

月と曜日の問題を解決する

それでは次のサンプルで前項で挙げた月と曜日の問題を解決していきたいと思います。

<script>
	//let objDate = new Date();
	let objArrDayName = new Array('日','月','火','水','木','金','土');
	document.write(objDate.getFullYear(),"年","<br>");
	document.write(objDate.getMonth()+1,"月","<br>");
	document.write(objDate.getDate(),"日","<br>");
	document.write(objArrDayName[objDate.getDay()],"曜日","<br>");
</script>

目次に戻る

月末日を取得する

ここでは月末日を取得するために、新たにDateオブジェクトを生成します。 オブジェクト変数の名前はobjEndOfMonthとします。

Dateオブジェクトはインスタンスを生成するときにコンストラクターに引数を与えることによって、指定した年月日のオブジェクトを 生成することができます。構文は次の通りです。

Date(年の値, 月の値, 日の値)

注目していただきたいのは、サンプルコードの「日の値」の部分です。ここに「0」を指定すると、その月の月末日のオブジェクトを生成します。

Date(年の値, 月の値, 0)

<script>
	//let objDate = new Date();
	let objEndOfMonth = new Date(objDate.getFullYear(), objDate.getMonth()+1, 0)
	document.write("今月末は", objEndOfMonth.getDate(),"日");
</script>

目次に戻る

Dateを使用する上での要点

1. .getMonth()メソッドは月の値をインデックス値で返すので+1して使う
2. .getDay()メソッドは曜日の値をインデックス値で返すので配列と組み合わせて使う

目次に戻る

値を取得するタイプのメソッド一覧

目次に戻る

値を設定するタイプのメソッド一覧

目次に戻る