2016-12-06 4 views
0

저는 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 : 그것은 단지 내가 대신 수동으로 dateInfo의 숫자를 입력 할 경우에도, 1970년 1월 1일 표시

<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--> 

     ... 

. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

+0

사용'대신 date' 변수' dateInfo' in –

+0

무엇이 ...'dateInfo' 그의 변수의 이름입니다. 괜찮습니다. –

+0

숫자로 변환되는데 어떻게 파이프로 숫자를 렌더링 할 수 있습니까? 그것이 끝나면 나는 보지 못했습니다. 가능하면 알려주세요. –

답변

3

숫자로 변환 한 다음 필터를 적용 할 필요가 없습니다. 단순히 날짜 객체를 생성하고 원하는 형식으로에 필터를 적용 :

컨트롤러 :

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

:

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

정답입니다. 조금 받아들입니다. – Sergi

+0

도움이 되니 기쁩니다 :) – superUser