English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Angularjsのコントローラ(controller.js)でフィルタ($filter)を使用して日付をフォーマットする詳細解説/時間の例

Angularjsの内蔵フィルタ(フィルタ)は、データ情報のフォーマット化に非常に強力な機能を提供します。例えば、時間、日付のフォーマット化、数字の精度のフォーマット化、言語のローカライズ、通貨のフォーマット化などです。しかし、これらのフィルタは一般的にVIEWで使用されます。例えば、時間のフォーマット化/日付のVIEWビューのコード:

<div ng-アプリ>
  <p>
    <ラベル>日付を選択</ラベル>
    <input type="date" id="date" ng-model="datevalue" />
  </p>
  <p> {{ datevalue | date : 'fullDate'}} </p>
</div> 

それでは、問題が起こります。コントローラー(controller)のJSコードでフィルタを使用して時間をフォーマットする必要がある場合、どうしますか?/日付、どのように処理するべきでしょうか?直接コードを示します:ビュー(view)テンプレートコード:

<div ng-app="dateApp" ng-controller="dateController">
  <p> {{ result }} </p>
</div> 

コントローラー(controller)コード:

var app = angular.module('dateApp', []);
  app.controller(
    'dateController',
    function ($scope, $filter) {
      $scope.result = $filter('date')(new Date(), 'fullDate');
    }
); 

以下は、コントローラー(controller.js)のJSコードでフィルタ($filter)を使用して日付をフォーマットする方法です。/時間の実現。皆さんの学習に役立つことを願っています。また、呐喊トレーニングのサポートを多くいただければ幸いです。

声明:このコンテンツはインターネットから取得しており、著作権者はすべて所有しており、インターネットユーザーが自発的に貢献し、自己でアップロードしています。このウェブサイトは所有権を持ちません。また、人工的な編集もなく、関連する法的責任も負いません。著作権侵害が疑われるコンテンツを見つけた場合は、メールを送信して:notice#oldtoolbag.com(メール送信時、#を@に置き換えてください。報告を行い、関連する証拠を提供してください。一旦確認が取れましたら、このサイトは直ちに侵害疑いのコンテンツを削除します。)

おすすめ