以Angular格式化时间

Question

我有一个来自数据库的时间字段，形成如“14:37:39”。我需要将其格式化为“2:37 PM”。我曾尝试使用日期过滤器（也可以格式化时间），但没有运气。

帮助！

<span class="time">{{ feeding.time | date: "shortTime" }}</span>

Answer 1

您可以根据您期望的格式构建自己的过滤器......

angular.module('foo', [])
.filter('formatTime', function ($filter) {
    return function (time) {
        var parts = time.split(':');
        var date = new Date(0, 0, 0, parts[0], parts[1], parts[2]);
        return $filter('date')(date, 'h:mm a');
    };
});

---

{{ '14:37:39' | formatTime }}

输出2:37 PM

Live Demo

Answer 2

我认为您的问题是feeding.time是一个字符串，date过滤器需要一个日期。