javascript - 如何使用 AngularJS 日期过滤器显示时间

Question

我想将我的时间显示为上午和下午，是否可以使用 Angular 日期过滤器。我已尝试以下代码，但对我不起作用。

<div>{{ '12:31:07' | date:'HH:mm' }}</div>

Answer 1

尝试自定义过滤器:

HTML:

<div ng-app>
  <div ng-controller="TodoCtrl">
    <div>{{ '12:31:07' | time }}</div>
  </div>
</div>

JS:

angular.module('myApp').filter('time', ['$filter', function ($filter) {
    return function (input, arg) {
        var parts = input.split(':');
        var date = new Date(0, 0, 0, parts[0], parts[1], parts[2]);
        return $filter('date')(date, arg || 'mediumTime');
    };
}]);

演示:http://jsfiddle.net/U3pVM/33868/

或使用默认过滤器:

尝试:

<div>{{ '12:31:07' | date:'mediumTime' }}</div>

或

<div>{{ '12:31:07' | date:'shortTime' }}</div>

您还可以尝试使用'medium'或'short'作为日期过滤器

引用:https://docs.angularjs.org/api/ng/filter/date