Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
- トップページ
- JavaScript辞典
- 日付.getFullYear() / getMonth() / getDate()
日付.getFullYear() / getMonth() / getDate()
Dateオブジェクトから年・月・日・曜日などの各要素を個別に取得するメソッドです。カレンダーや日付表示の組み立てに使用します。
構文
// 年を4桁で取得します。 var year = 日付.getFullYear(); // 月を取得します。0始まりのため、1月は0、12月は11です。 var month = 日付.getMonth(); // 日を取得します。 var day = 日付.getDate(); // 曜日を取得します。0が日曜日、6が土曜日です。 var weekday = 日付.getDay(); // 時・分・秒・ミリ秒を取得します。 var hours = 日付.getHours(); var minutes = 日付.getMinutes(); var seconds = 日付.getSeconds(); var ms = 日付.getMilliseconds(); // タイムスタンプを取得します。 var timestamp = 日付.getTime();
メソッド一覧
| メソッド | 概要 |
|---|---|
| 日付.getFullYear() | 年を4桁の数値で返します。 |
| 日付.getMonth() | 月を0〜11の数値で返します。1月が『0』、12月が『11』です。 |
| 日付.getDate() | 日を1〜31の数値で返します。 |
| 日付.getDay() | 曜日を0〜6の数値で返します。日曜日が『0』、土曜日が『6』です。 |
| 日付.getHours() | 時を0〜23の数値で返します。 |
| 日付.getMinutes() | 分を0〜59の数値で返します。 |
| 日付.getSeconds() | 秒を0〜59の数値で返します。 |
| 日付.getMilliseconds() | ミリ秒を0〜999の数値で返します。 |
| 日付.getTime() | 1970年1月1日からの経過ミリ秒を返します。 |
サンプルコード
var date = new Date(2025, 3, 15, 14, 30, 45); // 2025年4月15日 14時30分45秒
// 各要素を取得します。
console.log(date.getFullYear()); // 『2025』と出力されます。
console.log(date.getMonth()); // 『3』と出力されます。4月は0始まりで3です。
console.log(date.getDate()); // 『15』と出力されます。
console.log(date.getDay()); // 『2』と出力されます。火曜日です。
console.log(date.getHours()); // 『14』と出力されます。
console.log(date.getMinutes()); // 『30』と出力されます。
console.log(date.getSeconds()); // 『45』と出力されます。
// 「YYYY年MM月DD日」形式で日付を表示する実用例
var now = new Date();
var y = now.getFullYear();
var m = now.getMonth() + 1; // 月は0始まりなので1を足します。
var d = now.getDate();
console.log(y + "年" + m + "月" + d + "日");
// 曜日を日本語で表示する実用例
var weekdays = ["日", "月", "火", "水", "木", "金", "土"];
var dayName = weekdays[now.getDay()];
console.log(y + "年" + m + "月" + d + "日(" + dayName + ")");
// 2桁のゼロ埋めをする実用例
function zeroPad(num) {
return ("0" + num).slice(-2);
}
var timeStr = zeroPad(now.getHours()) + ":" + zeroPad(now.getMinutes());
console.log(timeStr); // 『09:05』のように2桁で出力されます。
実行結果
2025 // getFullYear() 3 // getMonth() — 4月は0始まりで3 2 // getDay() — 火曜日 14 // getHours() 30 // getMinutes() 45 // getSeconds() "2025年4月15日(火)" // 日本語の日付表示 "14:30" // ゼロ埋めの時刻表示
概要
Dateオブジェクトのgetメソッド群は、日時の各要素を数値として取得するためのメソッドです。カレンダーの表示や日付のフォーマットなど、日時を個別の要素に分解して使いたい場面で活躍します。
最もよくある注意点は『日付.getMonth()』が0始まりであることです。表示用に使う場合は必ず1を加算してください。同様に『日付.getDay()』も0始まりで、0が日曜日、6が土曜日を表します。曜日を表示する場合は、サンプルコードのように曜日名の配列を用意して変換するのが一般的です。
日付を文字列としてフォーマットする場合は、これらのgetメソッドを組み合わせて自分で組み立てる方法のほかに、『日付.toLocaleDateString()』を使って地域に合わせた形式で変換する方法もあります。
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。