JSで現在時刻を取得する方法
JavaScript では、ログ、タイムスタンプの生成、時間の動的表示のいずれの場合でも、現在時刻の取得は一般的な操作です。この記事では、JavaScript を使用して現在時刻を取得し、簡単に参照できる構造化データを提供する方法を詳しく紹介します。
1. Date オブジェクトを使用して現在時刻を取得します
JavaScript は組み込み機能を提供します日付日付と時刻を操作するためのオブジェクト。現在時刻を取得する基本的な方法は次のとおりです。
| 方法 | 説明 | 例 |
|---|---|---|
| newDate() | 現在の日付と時刻を含む Date オブジェクトを作成します | const now = new Date(); |
| Date.now() | 現在時刻のタイムスタンプをミリ秒単位で返します。 | const タイムスタンプ = Date.now(); |
2. さまざまな時間部分を取得する
パス日付オブジェクトのメソッドは、年、月、日、時、分、秒、およびその他の時刻の要素を取得できます。
| 方法 | 説明 | 例 |
|---|---|---|
| getFull Year() | 西暦（4桁）を取得します。 | 今.getFull Year(); // 2023年 |
| getMonth() | 月を取得します (0 ～ 11) | 今.getMonth(); // 0 は 1 月を意味します |
| getDate() | 日付を取得 (1-31) | now.getDate(); // 15 |
| getHours() | 時間を取得します (0 ～ 23) | now.getHours(); // 14 |
| getMinutes() | 分を取得 (0 ～ 59) | now.getMinutes(); // 30 |
| getSeconds() | 秒を取得 (0 ～ 59) | now.getSeconds(); // 45 |
3. 現在時刻をフォーマットします
JavaScript には日付をフォーマットするための組み込みメソッドがありませんが、Date オブジェクトのメソッドを組み合わせることで実現できます。
| フォーマット要件 | 実施方法 | 出力例 |
|---|---|---|
| YYYY-MM-DD | スプライス年、月、日 | 2023-01-15 |
| 時:MM:SS | 時、分、秒をつなぎ合わせます | 14:30:45 |
| YYYY-MM-DD HH:MM:SS | 日付と時刻を組み合わせる | 2023-01-15 14:30:45 |
4. toLocaleString メソッドを使用する
JavaScript が提供するtoロケール文字列ローカリゼーション設定に従って日付と時刻をフォーマットできる一連のメソッド:
| 方法 | 説明 | 例 |
|---|---|---|
| toLocaleDateString() | ローカライズされた日付文字列を返します | 2023/1/15 |
| toLocaleTimeString() | ローカライズされた時刻文字列を返します | 午後 2 時 30 分 45 秒 |
| toLocaleString() | ローカライズされた日付と時刻の文字列を返します | 2023/1/15 午後 2:30:45 |
5. サードパーティライブラリの推奨事項
より複雑な日時処理には、サードパーティのライブラリを使用できます。
| ライブラリ名 | 特長 | 設置方法 |
|---|---|---|
| モーメント.js | 強力だがかさばる | npm インストールの瞬間 |
| 日付-FNS | モジュール設計、オンデマンドで導入 | npm インストール date-fns |
| Day.js | 軽量、Moment と互換性のある API | npm インストール dayjs |
6. 応用例
現在の時刻を取得してフォーマットする方法を示す完全な例を次に示します。
| 機能 | コードの実装 |
|---|---|
| 現在時刻を取得する | const now = new Date(); |
| 日付のフォーマット | const dateStr = `${now.getFull Year()}-${now.getMonth()+1}-${now.getDate()}`; |
| フォーマット時間 | const timeStr = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`; |
| 合成出力 | console.log(`現在の時刻: ${dateStr} ${timeStr}`); |
上記のメソッドを使用すると、JavaScript で現在時刻を簡単に取得および操作できます。プロジェクトのニーズに応じて、ネイティブ メソッドまたはサードパーティ ライブラリを選択して、より複雑な時間処理関数を実装できます。
詳細を確認してください
詳細を確認してください
ja
