SQL 日期字段在 Angular.js 中未正确显示

Question

我尝试使用 Angular JS ng-repeat 在 HTML 表中显示 MSSQL 数据。 我的日期列字段详细显示时区等：

{"date":"2016-12-11 00:00:00.000000","timezone_type":3,"timezone":"UTC"}

我只想单独显示日期。如何格式化？

<tr ng-repeat="bill in allbills | filter : search" >
    <td>{{ $index + 1 }}</td>   
    <td>{{ bill.bill_Date }}</td> 
</tr>

Answer 1

你需要使用datefilter:

{{ date_expression | date : format : timezone}}

您的<td> 应该如下所示，仅显示日期：

<td>{{ bill.bill_Date | date:'yyyy-MM-dd'}}</td>

---

编辑

您还可以编写自定义filter，因为您已经获得了正确格式的日期。检查this 使用工作代码：

HTML

<div ng-app="myApp" ng-controller="myCtrl">
  <span>{{ bill.bill_Date.date | date}}</span>
</div>

JS

angular.module('myApp', [])
  .controller('myCtrl', function($scope) {
    $scope.bill = { // from row set
      'bill_Date': {
        "date": "2016-12-11 00:00:00.000000",
        "timezone_type": 3,
        "timezone": "UTC"
      }
    };
  })
  .filter('date', function() {
    return function(input) {
      return input.split(' ')[0];
    }
  });