例を使用してAngularJSにDateFilterを実装する方法



この記事では、AngularJSにDateFilterを実装するさまざまな方法に関する詳細で包括的な知識を提供します。

特別な理由で日付を確認する必要がある場合があります。何が起こるかというと、それが私たちの望ましいフォーマットである場合とそうでない場合があります。したがって、この記事では、DateFilterについて 次の順序で:

AngularJSのDateFilterとは何ですか?

AngularJS日付フィルターを使用して、日付を指定された形式に変換できます。指定がない場合のデフォルトの日付形式は「MMMd、yyyy」です。





構文:

{日付}



タイムゾーンとフォーマットのパラメータはオプションであることに注意する必要があります。

フォーマットで使用される一般的な値

  • 「YYYY」 –年を定義します。 2018年



  • 「YY」 –年を定義します。 18

  • 「Y」 –年を定義します。 2018年

  • 'うーん' –月の例を定義します。行進

  • 'うーん' –月の例を定義します。 3月

  • 'んん' –月の例を定義します。 03

  • 「dd」 –例を定義します。 08

  • 「d」 –例を定義します。 8

  • 「hh」 –午前/午後で時間を定義します

  • 「h」 –午前/午後で時間を定義します

  • 'んん' –分を定義する

  • 「m」 –分を定義する

  • 「ss」 –秒を定義する

  • ’s’ –秒を定義する

フォーマットで使用される事前定義された値

  • 'ショート' –「M / d / yyh:mma」に相当

  • '中' –「MMMd、y h:mm:ssa」と同等

  • 「ShortDate」 –「M / d / yy」に相当(6/8/18)

  • 「mediumDate」 –「MMMd、y」に相当(2018年4月7日)

  • 「LongDate」 –「MMMMd、y」に相当(2019年4月7日)

  • 「fullDate」 –「EEEE、MMMM d、y」に相当(2018年4月7日土曜日)

  • '短時間' –「h:mma」に相当(4:20 AM)

  • 「mediumTime」 –「h:mm:ssa」と同等(4:20:05 AM)

例:

日付フィルター

{今日}

ハッシュテーブルとハッシュマップの違い

var app = angle.module( 'firstApp'、[])

app.controller( 'firstCntrl'、function($ scope){

$ scope.today = new Date()

})

出力:

2019年9月10日

例:

時刻を特定の形式で表示するために、次のコードを使用します。

日付フィルター例

{日付: 'mediumTime'}

var app = angle.module( 'firstApp'、[])

app.controller( 'firstCntrl'、function($ scope){

$ scope.today = new Date()

})

出力:

11:08:11 AM

例:

日付を特定の形式で表示するために、次のコードを使用します。

日付フィルター例

全著作権所有 | ichlese.at | 個人情報保護方針