ホームページ > 記事 > ウェブフロントエンド > AngularJS の日付フォーマットの詳細な説明
AngularJS は、アプリケーションの構築における HTML の欠点を克服するように設計されています。 HTML は、静的テキスト表示用に設計された優れた宣言型言語ですが、WEB アプリケーションの構築には弱いです。そこで、ブラウザーに希望どおりの動作をさせるために、いくつかの作業 (トリックと言ってよいでしょう) を実行しました。
AngularJS には 2 つの形式の日付形式があり、1 つは HTML ページ内で、もう 1 つは JS コード内で、どちらも AngularJS フィルター $filter を使用します。
HTML: date_expression は、$scope で設定した日付型変数 (正確には日付オブジェクトでなければならないことに注意してください) であり、表示される日付でもあり、最初のパラメーターの日付でもあります。分割記号を指定した後、フィルター タイプは日付をフィルターするためのものです (yyyy-MM-dd など)。最後のタイムゾーンはタイム ゾーン (オプションのパラメーター) です。国際的なウェブサイトの場合。
{{ date_expression | date : format : timezone}}
2 つの記述方法: {{}} 式を使用することも、ng-bind または ng-model を使用することもできます
{{myDate | date:'medium'}} <h1 ng-bind="myDate | date:'yyyy-MM-dd'"></h1>
Javascript コードでは、次のように記述されます:
var myJsDate=$filter('date')($scope.myDate,'yyyy-MM-dd');
このように、宣言した変数 myJsDate は、$scope 内の myDate のフォーマットされた値を取得できます。
上記の内容は、エディターが共有する AngularJS の日付フォーマットの詳細な説明の全説明です。
AngularJS の日付フォーマットに関する詳細な記事については、PHP 中国語 Web サイトに注目してください。