从日期时间格式化时间

Question

我有一个 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"}]
}

Answer 1

在 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');

   }]);

Answer 2

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

Answer 3

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

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

Answer 4

否则你可以直接在columnDefs中修改如下：

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

从日期时间格式化时间

formatting time from datetime

javascript

angularjs

ng-grid

angular-ui-grid