Angularjs Sekunden zu Zeit Filter

Question

Ich benutze Angularjs.

Ich habe Zeichenfolge der Nummer, Beispiel: 237. Es bedeutet Sekunden. Ich brauche es zu ändern: 2:34 oder 3:42:54.

Ich brauche Sekunden zu Zeit Filter. Wie soll ich es machen?

danke.

Answer 1

versuchen, etwas wie folgt aus:

app.filter('secondsToDateTime', [function() { 
    return function(seconds) { 
     return new Date(1970, 0, 1).setSeconds(seconds); 
    }; 
}]) 

html:

<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b> 

Demo

Answer 2

Ich denke, es ist nicht notwendig, das benutzerdefinierte Filter

<b>{{hours}}{{seconds | date:':mm:ss'}}</b> 

function Scoper($scope) { 
    $scope.seconds = '79000'; 
    $scope.hours = parseInt($scope.seconds/3600); 
} 

Answer 3

manzapanza ist ein nswer funktioniert nur, wenn die Sekunden weniger als 86400 (1 Tag) sind. Das Datumsobjekt muss vollständig Null sein. Außerdem wäre es besser, das tatsächliche date-Objekt zurückzugeben, so dass anglejs es nicht erneut machen muss.

app.filter('secondsToDateTime', function() { 
    return function(seconds) { 
     var d = new Date(0,0,0,0,0,0,0); 
     d.setSeconds(seconds); 
     return d; 
    }; 
}); 

und

<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b> 

---

Edit: Wenn Sie Stunden über 24 gehen wollen, ohne zu Tage Einwickeln es besser ist, nicht Datum zu verwenden:

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); 
    }; 
}); 

und

<b>{{seconds | secondsToTime}}</b> 

Answer 4

von @manzapanza Lösung für Tage:

$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); 
    } 

im Blick:

{{duration_for(100500)}} 

Answer 5

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)); 
}; 

AUSGABE: 02:04:14

Answer 6

Versuchen Sie folgendes:

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>