来自Json列表的日期未在角度js中正确显示

时间:2017-05-10 12:12:33

标签: angularjs json

角度js中的日期显示为/ Date(1494288000000)/来自asp.net对象列表。

<tr class="unread" data-ng-repeat="notification in Notifications | filter:q | startFrom:currentPage*pageSize | limitTo:pageSize">
    <td class="inbox-small-cells">
        <input data-ng-model="arr[notification.NotificationId]" type="checkbox" value="{{notification.NotificationId}}" ng-checked="" ng-click="" class="mail-checkbox">
    </td>         
    <td class="view-message  dont-show">{{notification.Title}}</td>
    <td class="view-message ">{{notification.Message}}</td>
    <td class="view-message  text-right">{{notification.Date | date}}</td>
</tr>

2 个答案:

答案 0 :(得分:0)

使用new Date ..角度日期过滤器已包含new Date()转化。我们不需要编写额外的代码。

&#13;
&#13;
angular.module('exApp',[])
       .controller('mainController', function ($scope) {
          $scope.current = new Date();
          var d = 1494288000000; // number
          console.log(typeof d);
          $scope.ex ="1494288000000"; // string 
          console.log(typeof $scope.ex);
          $scope.me = Date($scope.ex);
          $scope.newDate = new Date(d);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="exApp">
  <div ng-controller="mainController">
      {{ current | date: 'd-MM-y'}} <br>
   Converted :  {{newDate|date}} <br>Without Convert : {{ex|date}}<br>Extra convert: {{me|date}}
  </div>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

 var dateToDisplay = new Date(parseInt(jsonDate.substr(6))); 
 return dateToDisplay;

这将包含在自定义过滤器功能中。

  {{dateToDisplay | customFilterName | date}}

这是在视图页面中显示日期。首先过滤自定义过滤器,然后再次过滤日期过滤器。来源How do I format a Microsoft JSON date?