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

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

WBOY
WBOYオリジナル
2016-05-16 15:23:541608ブラウズ

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 の日付フォーマットの詳細な説明の全説明です。

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