ホームページ  >  記事  >  ウェブフロントエンド  >  AngularJS の日付フォーマットの詳細な説明

AngularJS の日付フォーマットの詳細な説明

高洛峰
高洛峰オリジナル
2017-01-04 17:37:591606ブラウズ

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:&#39;yyyy-MM-dd&#39;"></h1>

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

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

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

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

AngularJS の日付フォーマットに関する詳細な記事については、PHP 中国語 Web サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。