年、月、日、時、分、秒を個別に取得したい | 日付・時間操作

年、月、日、時、分、秒を個別に取得したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.222024.09.23

JavaScriptでは、Dateオブジェクトを使用して、年、月、日、時、分、秒などの情報を個別に取得できます。この記事では、getFullYear()、getMonth()、getDate()、getHours()、getMinutes()、getSeconds()メソッドを使って、それぞれの値を取得する方法を紹介します。

実行例
1. HTMLとJavaScriptコード
まとめ
Dateオブジェクトメソッドの機能一覧

実行例

以下のコードでは、現在の年、月、日、時、分、秒を取得し表示しています。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>年、月、日、時、分、秒を個別に取得する方法</title>
</head>
<body>

    <div id="dateTime"></div>

    <script>
        window.onload = function() {
            // 現在の日時を取得
            const now = new Date();

            // 年、月、日、時、分、秒を取得
            const year = now.getFullYear(); // 4桁の年を取得
            const month = now.getMonth() + 1; // 月を0から始まるので+1
            const date = now.getDate(); // 日を取得
            const hours = now.getHours(); // 時を取得（0-23）
            const minutes = now.getMinutes(); // 分を取得（0-59）
            const seconds = now.getSeconds(); // 秒を取得（0-59）

            // HTMLに出力
            document.getElementById('dateTime').textContent = 
                `現在の日時: ${year}年${month}月${date}日 ${hours}時${minutes}分${seconds}秒`;
        }
    </script>

</body>
</html>