ui-grid (3.0.0 unstable) cellFilter z datami wydanie

Question

ui-grid (3.0.0-rc.16) nie działa dobrze podczas korzystania z dat filtrowania. Filtrowanie na innych polach działa dobrze.

Nadchodzi Punker:

http://plnkr.co/edit/b9NSk0 

Spróbuj rozpocząć wprowadzanie 2014 dla dowolnej daty.

Błąd czy coś mi brakowało?

// 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

Spróbuj Odwracanie swoje cytaty, więc parametry są przekazywane w użyciu apostrofów.

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

Answer 2

spróbować dodać typ:

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

Answer 3

cellTemplate: „{{row.entity.delivery_month | data: „yyyy MMM”}}”,

Answer 4

nie mam pojęcia, dlaczego to nie działa w fazie deklaratywnej, ale to powinno działać:

// 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'"; 
}); 

zwrócić uwagę na ostatnią linię