私はAngular.jsを使用していますが、秒数を表す数値の文字列があります(たとえば:610
)。
それを時間スキーマに変換するフィルターが必要です:10:10
(10分10秒= 610秒)。
どうやって作るの?
manzapanzaの答えは、秒が86400(1日)未満の場合にのみ機能します。日付オブジェクトは完全にゼロである必要があります。また、angularjsが再度作成する必要がないように、実際の日付オブジェクトを返すことをお勧めします。
app.filter('secondsToDateTime', function() {
return function(seconds) {
var d = new Date(0,0,0,0,0,0,0);
d.setSeconds(seconds);
return d;
};
});
そして
<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b>
編集: 24時間を日数にラップせずに24時間以上にしたい場合は、Dateを使用しない方が良いでしょう:
app.filter('secondsToTime', function() {
function padTime(t) {
return t < 10 ? "0"+t : t;
}
return function(_seconds) {
if (typeof _seconds !== "number" || _seconds < 0)
return "00:00:00";
var hours = Math.floor(_seconds / 3600),
minutes = Math.floor((_seconds % 3600) / 60),
seconds = Math.floor(_seconds % 60);
return padTime(hours) + ":" + padTime(minutes) + ":" + padTime(seconds);
};
});
そして
<b>{{seconds | secondsToTime}}</b>
次のようなものを試してください:
app.filter('secondsToDateTime', [function() {
return function(seconds) {
return new Date(1970, 0, 1).setSeconds(seconds);
};
}])
html:
<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b>
これを試して:
app.filter('secondsToHHmmss', function($filter) {
return function(seconds) {
return $filter('date')(new Date(0, 0, 0).setSeconds(seconds), 'HH:mm:ss');
};
})
html:
<b>{{seconds | secondsToHHmmss}}</b>
app.filter('formatTimer', function () {
return function (input) {
function z(n) { return (n < 10 ? '0' : '') + n; }
var seconds = input % 60;
var minutes = Math.floor(input % 3600 / 60);
var hours = Math.floor(input / 3600);
return (z(hours) + ':' + z(minutes) + ':' + z(seconds));
};
出力:02:04:14
カスタムフィルターは必要ないと思います
<b>{{hours}}{{seconds | date:':mm:ss'}}</b>
function Scoper($scope) {
$scope.seconds = '79000';
$scope.hours = parseInt($scope.seconds / 3600);
}
数日間@manzapanzaソリューションによって:
$scope.duration_for = function(seconds){
if(!seconds) return
var duration = new Date(1970, 0, 1).setSeconds(seconds)
var mask = 'HH:mm'
if(seconds >= 86400){
mask = 'd days,' + mask
}
return $filter('date')(duration, mask);
}
ビューで:
{{duration_for(100500)}}