在ng-table中查看日期时间?

时间:2014-05-22 10:33:28

标签: angularjs ngtable

我需要在一列日期时间显示ng-table:

var renderGrid = function(tableData){

        $scope.tableData = tableData;

        if($scope.tableParams) { 
            $scope.tableParams.reload();
        } else {
            $scope.tableParams = new ngTableParams({
                page: 1,
                count: 10,
                sorting: {
                    date: 'asc'
                },
                filter: {
                    date: ''
                }
            }, {
                getData: function($defer, params) {
                    var sliceStart = (params.page() - 1) * params.count();
                    var sliceEnd = params.page() * params.count();
                    var orderedData = params.filter() ? $filter('filter')($scope.tableData, params.filter()) : $scope.tableData;
                    var filteredData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : $scope.tableData;
                    $scope.totalCount = filteredData.length;
                    params.total(filteredData.length);
                    $defer.resolve(filteredData.slice(sliceStart, sliceEnd));
                }
            });                     
        }
    };

    <table ng-table="tableParams" template-pagination="tcTableNav" class="tcTable">
            <tr ng-repeat="item in $data">
                <td style="width:34%" sortable="'date'" data-title="'Date'"><div>{{item.date}}</div></td>
            <td style="width:33%" sortable="'autor'" data-title="'Autor'"><div>{{item.autor}}</div></td>
            <td style="width:33%" sortable="'article'" data-title="'Article'"><div>{{item.article}}</div></td>
        </tr>
      </table> 

如何正确表达日期时间排序+过滤是否正常工作?

2 个答案:

答案 0 :(得分:0)

我通过将带有格式化日期的文本字段添加到我的tableData

来解决这个问题

答案 1 :(得分:0)

您是否尝试使用ngTasty表http://zizzamia.com/ng-tasty/directive/table, 如果你想要,你可以上传一个你想要排序的结构的例子,我会给你写完整的解决方案:)