날짜 필터는

Question

내가 date이 형식으로 내 응용 프로그램에 time을 표시 할

,

Date: 14 - 19 Sep 
Time: 16:30 to 18:30 

그리고 나는 형식 아래에서 서버에서 데이터를 얻고,

"EventDate":"2015-09-14T16:30:00Z", 
"EndDate":"2015-09-14T18:30:00Z", 

나는 angualrjs을 시도 AngularJS와 서식 date 필터,

이제는 아래 형식으로 날짜가 표시됩니다.

Sep 14, 2015 - Sep 19, 2015 

나는 SO에서 많은 예제를 시도했지만, 나를 위해 나는 형식을 다음에 내 날짜를 표시 할 수있는 방법

Date formatting AngularJS to display only the day and month

을 작동하지 않았다

Event Date: 14 - 19 Sep 
Event Time: 16:30 to 18:30 

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.Evdate = { 
 
    "j": [{ 
 
     "EventDate": "2015-09-14T16:30:00Z", 
 
     "EndDate": "2015-09-14T18:30:00Z" 
 
    }] 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
    {{Evdate.j[0].EventDate | date}} - {{Evdate.j[0].EndDate | date}} 
 

 
</div>

Answer 1

방금 ​​형식 인수가 누락되었습니다. 문서 filter/date

var app = angular.module('myApp', []); 
 
    app.controller('myCtrl', function($scope) { 
 
     $scope.Evdate = { 
 
     "j": [{ 
 
      "EventDate": "2015-09-14T16:30:00Z", 
 
      "EndDate": "2015-09-14T18:30:00Z" 
 
     }] 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
Event Date : {{Evdate.j[0].EventDate | date : 'd'}} - {{Evdate.j[0].EndDate | date : 'd MMM' }}<br /> 
 
    Event time : {{Evdate.j[0].EventDate | date : 'HH:mm' : 'UTC' }} to {{Evdate.j[0].EndDate | date : 'HH:mm' : 'UTC' }} 
 

 
</div>

Answer 2

월. 이 시도.

{{Evdate.j[0].EventDate | date : 'HH:mm'}} - {{Evdate.j[0].EndDate | date : 'HH:mm'}} 

시간

를 들어

{{Evdate.j[0].EventDate | date : 'd'}} - {{Evdate.j[0].EndDate | date : 'd MMM'}} 

는 도움이되기를 바랍니다. 작동하지 않으면 알려주십시오.