angular-ui-grid - 带有日期问题的 ui-grid（3.0.0 不稳定）cellFilter

Question

ui-grid (3.0.0-rc.16) 在使用过滤日期时效果不佳。过滤其他字段效果很好。

朋克来了：

http://plnkr.co/edit/b9NSk0

尝试从任何日期开始输入 2014 年。

错误还是我错过了什么？

// main.js
var app = angular.module('myApp', ['ui.grid', 'ui.grid.i18n']);
app.controller('MyCtrl', function($scope) {
  $scope.myData = [{
    eventName: "event1",
    eventDateRaw: new Date(1416396274368),
    eventDateFormatted: new Date(1416396274368)
  }, {
    eventName: "event2",
    eventDateRaw: new Date(1416352423803),
    eventDateFormatted: new Date(1416396274368)
  }];

  $scope.gridOptions = {
    data: 'myData',
    columnDefs: [{
      name: 'eventName', width: "20%"
    }, {
      name: 'eventDateRaw', width: "40%"
    }, {
      name: 'eventDateFormatted', width: "40%",
      cellFilter: 'date: "yyyy-MM-dd HH:mm:ss.sss"'
    }],
    enableFiltering: true
  };
});

br remy44

Answer 1

尝试添加一个类型：

{
    name: 'eventDateFormatted', width: "40%",
    cellFilter: 'date: "yyyy-MM-dd HH:mm:ss.sss"',
    type: 'date'
}

Answer 2

尝试反转引号，以便使用单引号传入参数。

javascript cellFilter: "date: 'yyyy-MM-dd HH:mm:ss.sss'"

Answer 3

cellTemplate: '{{row.entity.delivery_month | 日期：“yyyy MMM”}}'，

Answer 4

我不知道为什么它在声明阶段不起作用，但这应该起作用：

// main.js
var app = angular.module('myApp', ['ui.grid', 'ui.grid.i18n']);
app.controller('MyCtrl', function($scope) {
  $scope.myData = [{
    eventName: "event1",
    eventDateRaw: new Date(1416396274368),
    eventDateFormatted: new Date(1416396274368)
  }, {
    eventName: "event2",
    eventDateRaw: new Date(1416352423803),
    eventDateFormatted: new Date(1416396274368)
  }];

  $scope.gridOptions = {
    data: 'myData',
    columnDefs: [{
      name: 'eventName', width: "20%"
    }, {
      name: 'eventDateRaw', width: "40%"
    }, {
      name: 'eventDateFormatted', width: "40%"
    }],
    enableFiltering: true
  };
 $scope.gridOptions.columnDefs[2].cellFilter = "date:'dd/MM/yyyy'";
});

注意最后一行