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

高洛峰
リリース: 2017-01-04 17:37:59
オリジナル
1660 人が閲覧しました

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 サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート