AngularJSの日付フォーマットの詳しい説明_AngularJS

AngularJS は、アプリケーションの構築における HTML の欠点を克服するように設計されています。 HTML は、静的テキスト表示用に設計された優れた宣言型言語ですが、WEB アプリケーションの構築には弱いです。そこで、ブラウザーに希望どおりの動作をさせるために、いくつかの作業 (トリックと言ってよいでしょう) を実行しました。

AngularJS には 2 つの形式の日付形式があり、1 つは HTML ページ内で、もう 1 つは JS コード内で、どちらも AngularJS フィルター $filter を使用します。

HTML: date_expression は、$scope で設定した日付型変数 (正確には日付オブジェクトである必要があることに注意してください) であり、表示される日付でもあり、最初のパラメーターです。区切り記号の後の日付は、フィルター タイプが日付をフィルターすることを示します。2 番目のパラメーターの形式は、yyyy-MM-dd などのタイム ゾーンです (オプションのパラメーター)。国際的なウェブサイトに適しています。

コードをコピーします コードは次のとおりです:

{{ date_expression | 日付 : 形式 : タイムゾーン}}

2 つの記述方法: {{}} 式を使用するか、ng-bind または ng-model を使用できます

コードをコピーします コードは次のとおりです:

{{myDate | 日付:'medium'}}

JavaScript コードでは、次のように記述されます:

コードをコピーします コードは次のとおりです:

var myJsDate=$filter('date')($scope.myDate,'yyyy-MM-dd');

このようにして、宣言した変数 myJsDate は、$scope 内の myDate のフォーマットされた値を取得できます。

上記の内容は、エディターが共有する AngularJS の日付フォーマットの詳細な説明の全説明です。