特別な理由で日付を確認する必要がある場合があります。何が起こるかというと、それが私たちの望ましいフォーマットである場合とそうでない場合があります。したがって、この記事では、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
例:
日付を特定の形式で表示するために、次のコードを使用します。
日付フィルター例
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{今日}
var app = angle.module( 'firstApp'、[])
app.controller( 'firstCntrl'、function($ scope){
$ scope.today = new Date()
})
出力:
2019年9月10日
理解を深めるために、次の例を見てみましょう。
例:
AngularJs Date Ex
src = 'http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
JavaWebアプリケーションでのセッション管理
var app = angle.module( 'firstApp'、[])
app.controller( 'firstctrl'、function($ scope){
$ scope.mydate = new Date()
})
番号を入力してください:
短い式の日付:{日付: 'short'}
mediumDate式の日付:{mydate}
yyyy-mm-dd hh:mm:ss式の日付:{mydate}
yyyy-mm-dd hh:mm:ss式の日付:{mydate}
出力:
これで、AngularJSのこのDatefilterの記事は終わりです。日付フィルターのさまざまな側面を理解していただければ幸いです。
C一体 25万人以上の満足した学習者のネットワークを持つ信頼できるオンライン学習会社であるEdurekaが世界中に広がっています。 Angularは、スケーラブルでエンタープライズなパフォーマンスのクライアント側Webアプリケーションを作成するために使用されるJavaScriptフレームワークです。 Angularフレームワークの採用率が高いため、アプリケーションのパフォーマンス管理はコミュニティ主導であり、間接的により良い雇用機会を推進しています。 Angular認定トレーニングは、エンタープライズアプリケーション開発に関するこれらすべての新しい概念をカバーすることを目的としています。