从datetime格式化时间

时间:2016-03-10 16:56:42

标签: javascript angularjs angular-ui-grid ng-grid

我的格式为datetime列:YYYY-MM-DD HH:mm:ss.SSS。是否可以仅以格式显示时间:HH:mm:ss.SSS而不是完整的日期时间本身?

我正在尝试以下操作,但它似乎对格式没有任何作用:

{name: 'somedate', field: 'event_date', cellFilter: 'date:\'HH:MM:SS.SSS\''}

修改

这是网格的定义方式:

$scope.gridOptions = {
    columnDefs: [{name: 'somedata', field: 'event_date'}],
    data: [ {event_date: "2016-03-10 10:10:11.123"}]
}

4 个答案:

答案 0 :(得分:2)

在Angular中为了显示日期的时间部分就像使用| date:'HH:mm:ss'一样简单:

<强> HTML

  <span>{{1288323623006 | date:'HH:mm:ss'}}</span>

1288323623006等于您的日期值字段;但您可以在代码中替换为您的字段名称。

或者您可以在注入$filter后在控制器中执行此操作:

var formatedDate = $filter('date')(1288323623006, 'HH:mm:ss');

以下是完整示例

angular.module('dateFormat', [])
   .controller('ExampleController', ['$scope','$filter', function($scope,$filter) {

     $scope.formatedDate = $filter('date')(1288323623006, 'HH:mm:ss');

   }]);

答案 1 :(得分:1)

案件很重要。你想要HH:mm:ss.sss

答案 2 :(得分:0)

你只需像这样更改你的细胞过滤器

cellFilter: 'date:\' HH:mm:ss\'' 

答案 3 :(得分:0)

或者您可以直接在columnDefs中更改它,如下所示:

cellTemplate: "<span>{{grid.getCellValue(row,col) | date:'HH:mm:ss'}}</span>"