2016-03-10 2 views
1

У меня есть столбец datetime в формате: YYYY-MM-DD HH:mm:ss.SSS. Можно ли просто отображать время в формате: HH:mm:ss.SSS, а не полное время жизни?время форматирования с даты и времени

Я пытаюсь следующий, но это, кажется, не делать ничего в формате:

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

EDIT

Это как определяется сетка:

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

, который является полем и куда вы хотите отобразить его. Непонятно. – Dalorzo

+0

Угловой будет обрабатывать строки ISO 8601 как объекты datetime, или вы можете преобразовать свою строку в объект момента или даты. Затем в HTML вы можете применить [фильтр угловой даты] (https://docs.angularjs.org/api/ng/filter/date). – Igor

+0

Это может помочь https://github.com/angular-ui/ui-grid/issues/4806, я думаю, что переход на специальный фильтр - это практическое решение для вашего дела. – martinczerwi

ответ

2

В Угловом для отображения временной части даты так же просто, как с использованием | 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'); 

    }]); 
+0

Просто, если кто-то наткнулся на это, вот что я использовал вместо этого: 'cellFilter:" date: \ 'yyyy-MM-dd HH: mm: ss.sss' "' – faizanjehangir

1

вопросы Case. Вы хотите HH:mm:ss.sss

+0

Это работает, если используется с: 'yyyy -MM-dd HH: mm: ss.sss', но я хочу использовать только время в этом формате .. – faizanjehangir

0

вам просто нужно изменить свой мобильный фильтр, как этот

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

Или же вы можете напрямую изменить его в columnDefs следующим образом:

cellTemplate: "<span>{{grid.getCellValue(row,col) | date:'HH:mm:ss'}}</span>" 
Смежные вопросы