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

您需要使用date filter：

{{ 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];
    }
  });