AngularJS -如何将毫秒转换为xHours和yMins
AngularJS -如何将毫秒转换为xHours和yMins
提问于 2013-11-25 22:54:57
我有一个要求，我想在AngularJS中将毫秒转换为xHours和yMins。
对于ex。3600000应显示为1h 0m。
我试着在Angular的网站上使用date formats上的date:'H:m'和date:'HH:mm'。
但是那些给出的是19:0和19:00而不是1h 0m。
任何实现这一点的指针都将是有帮助的。
谢谢
回答 9
Stack Overflow用户
发布于 2014-09-11 12:24:35
让我们为此创建一个自定义过滤器，例如：
.filter('millSecondsToTimeString', function() {
return function(millseconds) {
var oneSecond = 1000;
var oneMinute = oneSecond * 60;
var oneHour = oneMinute * 60;
var oneDay = oneHour * 24;
var seconds = Math.floor((millseconds % oneMinute) / oneSecond);
var minutes = Math.floor((millseconds % oneHour) / oneMinute);
var hours = Math.floor((millseconds % oneDay) / oneHour);
var days = Math.floor(millseconds / oneDay);
var timeString = '';
if (days !== 0) {
timeString += (days !== 1) ? (days + ' days ') : (days + ' day ');
}
if (hours !== 0) {
timeString += (hours !== 1) ? (hours + ' hours ') : (hours + ' hour ');
}
if (minutes !== 0) {
timeString += (minutes !== 1) ? (minutes + ' minutes ') : (minutes + ' minute ');
}
if (seconds !== 0 || millseconds < 1000) {
timeString += (seconds !== 1) ? (seconds + ' seconds ') : (seconds + ' second ');
}
return timeString;
};
});然后使用它：
<div>{{ millSeconds | millSecondsToTimeString }}</div>Stack Overflow用户
发布于 2015-03-04 19:53:05
AngularJS中有日期转换器，只需设置所需的日期格式：
{{milliseconds | date:'yyyy-MM-dd HH:mm'}}我还使用jQuery timeago()函数创建了这样的'timeAgo‘过滤器：
.filter('timeAgo', function() {
return function(input) {
if (input == null) return "";
return jQuery.timeago(input);
};
})用法：
{{milliseconds | timeAgo}}或者将这两种格式一起使用以实现宽日期表示：
<span>{{milliseconds | timeAgo}}, {{milliseconds | date:'yyyy-MM-dd HH:mm'}}</span>结果：
12 minutes ago, 2015-03-04 11:38Stack Overflow用户
发布于 2013-11-26 00:42:23
您将希望使用moment's持续时间对象。
要执行您想要的操作，请尝试以下操作：
app.controller 'MainCtrl', ($scope) ->
$scope.name = 'World'
$scope.milliseconds = 3600000
$scope.duration = moment.duration($scope.milliseconds)和标记
<body ng-controller="MainCtrl">
<p>Milliseconds: {{milliseconds}}</p>
<p>Duration: {{duration.hours()}}h {{duration.minutes()}}m</p>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20196113
复制相关文章
相似问题