この記事では、JavaScript で日時を午前 12 時形式で表示する方法について説明します。
JavaScript で 12 時間 AM/PM の形式で DateTime を表示する方法は?
JavaScript で日時を午前 12 時/午後 12 時の形式で表示するには、次の方法を適用できます。
- 「 toLocaleString() ' 方法。
- 「 toLocaleTimeString() ' 方法。
- 「 列をなして ' 関数。
アプローチ 1: toLocaleString() メソッドを使用して、JavaScript で 12 時間 AM/PM の形式で DateTime を表示する
「 toLocaleString() 」メソッドは、文字列の形式で日付オブジェクトを返します。このメソッドを適用して、現在の時刻を米国言語形式で返すことができます。
構文
日にち . toLocaleString ( ローカル 、 オプション )
指定された構文では、
- 「 ローカル 」は、特定の言語形式を指します。
- 「 オプション 」は、プロパティを割り当てることができるオブジェクトを示します。
例
まず、「 新しい日付() 」 コンストラクター:
今、「 toLocaleString() 」を持つメソッド 私たち 」 言語形式とそのパラメータとして割り当てられた時刻の値。ここ、 ' 12時間 」は、時間が 12 時間形式で表示されることを示します。これにより、現在の時刻が米国時間形式で表示されます。
コンソール。 ログ ( 時間。 toLocaleString ( '私たちで' 、 { 時間 : 「数値」 、 分 : 「数値」 、 12時間 : 真実 } ) ) ;
出力
アプローチ 2: toLocaleTimeString() メソッドを使用して、JavaScript で 12 時間 AM/PM の形式で DateTime を表示する
「 toLocaleTimeString() 」メソッドは、日付オブジェクトの期間を文字列として返します。このメソッドは、指定された日付に対してデフォルトの時刻を返すことにより、toLocaleString() メソッドと同様に適用できます。
例
次の例では、同様に、「 新しい日付() 」 コンストラクターで、次の日付をそのパラメーターとして「」のシーケンスで指定します。 年 」、「 月 ' と ' 日 ' それぞれ。
その後、「 toLocaleTimeString() 前のメソッドで説明したように、指定された時間形式をパラメーターとして使用するメソッド:
定数 日付時刻 = 新着 日にち ( 2022年 、 1 、 1 ) . toLocaleTimeString ( '私たちで' 、 {時間 : 「数値」 、 分 : 「数値」 、 12時間 : 真実
} )
最後に、指定された日付に関してデフォルトの時間となる対応する時間を表示します。
コンソール。 ログ ( 日付時刻 ) ;出力
アプローチ 3: インライン関数を使用して JavaScript で DateTime を 12 時間 AM/PM の形式で表示する
このアプローチを実装して、条件演算子を am/pm 形式に適用できます。
以下の例は、前述の概念を示しています。
例
定数 日付時刻 = ( 日にち ) => {何時間も = 日にち。 getHours ( ) ;
分を聞かせて = 日にち。 getMinutes ( ) ;
許可する = 時間 >= 12 ? 「午後」 : '午前' ;
時間 = 時間 % 12 ;
時間 = 時間 ? 時間 : 12 ;
分 = 分。 toString ( ) . パス開始 ( 2 、 '0' ) ;
手放す時間 = 時間 + ':' + 分 + ' ' + ap ;
戻る マージ時間 ;
}
コンソール。 ログ ( 日付時刻 ( 新着 日にち ( 2022年 、 1 、 1 ) ) ) ;
上記のコードでは、次のようになります。
- まず、「 列をなして ”という名前の関数” 日付時刻() 」。この関数は、日付オブジェクトをパラメーターとして受け取ります。
- 「 getHours() 」メソッドは、次のステップで、現在の時間を関数で 24 時間形式で返します。
- 同様に、「 getMinutes() 」メソッドは、現在の分を取得します。
- その後、「」という名前の変数を作成します ap 時間の値に関して午前または午後に調整します。
- 次のステップでは、時間を「」の形式に変換します。 12時間 」の助けを借りて % ” 12 で割った余りを求める演算子。
- 追加のコードで、「 toString() 」メソッドを使用して、計算された分を文字列に変換し、「 パス開始() 」メソッドを使用して、変換された文字列が 1 桁の場合は 0 でパディングします。
- 最後に、計算された時間、分、および形式 (am/pm) をそれぞれ追加して、計算された時間をマージし、表示します。
出力
JavaScript で日時を午前/午後 12 時間形式で表示するために利用できるアプローチをまとめました。
結論
「 toLocaleString() 」メソッド、「 toLocaleTimeString() 」メソッドまたは「 列をなして JavaScript で日時を午前/午後 12 時間形式で表示する機能を実装できます。最初のメソッドは、現在の時刻を特定の時刻形式で表示するように選択できます。toLocaleTimeString() メソッドを適用して、特定の時刻形式で指定された日付に関するデフォルト時刻を返すことができます。Inline 関数を実装して適用できます。 am/pm 形式の条件演算子。この記事では、JavaScript で日時を午前 12 時/午後 12 時の形式で表示する方法をまとめました。