我想将我的时间显示为上午和下午,是否可以使用 Angular 日期过滤器。我已尝试以下代码,但对我不起作用。
<div>{{ '12:31:07' | date:'HH:mm' }}</div>
最佳答案
尝试自定义过滤器:
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'
作为日期过滤器
关于javascript - 如何使用 AngularJS 日期过滤器显示时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46030308/