角度を理解する|日付フィルタ

今日の日付をAngularアプリで表示しようとしていますが、何があってもデフォルトを表示しています。私はjavascriptで日付を取得します：角度を理解する|日付フィルタ

var date = new Date(); 
var day = date.getDay(); 
var month = date.getMonth(); 
var year = date.getFullYear(); 
var dateNum = Number(day + "" + month + "" + year);

ですから、コンソールのdateNumは2112016です。

角部：

app.controller("mainCtrl", function($scope, $http) { 

    $scope.dateInfo = dateNum; 

...

そしてHTML：

<body ng-app="weatherApp" ng-controller="mainCtrl"> 

    <div class="row main"> 
    <div class="col-lg-4"> 
     <div class="cardTokyo"> 

     <div class="row"> 
      <div class="col-xs-6"> 
      <p class="hour"> Placeholder 
       <p> 
      </div> 
      <div class="col-xs-6"> 
      <p class="date"> {{ dateInfo | date:"MM/dd/yyyy"}} 
       <p> 
      </div> 
     </div> 
     <!--row--> 

     ...

それはちょうど私が代わりに手動dateInfoの数字を入力しても、1970年1月1日を表示します。私は間違って何をしていますか？

出典

2016-12-06 Sergi

の代わりに、 '' date'変数を使用しますdateInfo' in HTML –

What ... 'dateInfo'は彼の変数の名前です、それはいいです –

それは数値に変換されます、どのように数値をパイプで表現できますか？それができれば、私は見ていない。可能であれば教えてください。 –

数値に変換してフィルタを適用する必要はありません。単に日付オブジェクトを作成し、あなたが好きなフォーマットでそれにフィルタを適用します。

コントローラー：HTMLで

function MyCtrl($scope) { 
    $scope.dateInfo = new Date(); 
}

：

<div class="col-xs-6"> 
    <p class="date"> {{ dateInfo | date:"MM/dd/yyyy"}}</p> 
</div>

出典

2016-12-06 10:24:50 superUser

を参照してください。正解ですが、少し受け入れます。 – Sergi

喜んでそれは助け:) – superUser

角度を理解する|日付フィルタ

答えて

関連する問題