Comment convertir les secondes en HH: mm: ss dans moment.js

Comment puis-je convertir les secondes en HH:mm:ss ?

En ce moment, j'utilise la fonction ci-dessous

render: function (data){
     return new Date(data*1000).toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");;
}

Cela fonctionne sur Chrome, mais dans Firefox pendant 12 secondes, 01:00:12 je voudrais utiliser moment.js pour la compatibilité entre navigateurs

J'ai essayé mais ne fonctionne pas

render: function (data){
         return moment(data).format('HH:mm:ss');
}

Qu'est-ce que je fais mal?

ÉDITER

J'ai réussi à trouver une solution sans moment.js qui est la suivante

return (new Date(data * 1000)).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0];

Toujours curieux de savoir comment je peux le faire dans moment.js

À partir de cet article , j'essaierais ceci pour éviter les problèmes de saut

moment("2015-01-01").startOf('day')
    .seconds(s)
    .format('H:mm:ss');

Je n'ai pas exécuté jsPerf, mais je pense que c'est plus rapide que de créer de nouveaux objets de date un million de fois

function pad(num) {
    return ("0"+num).slice(-2);
}
function hhmmss(secs) {
  var minutes = Math.floor(secs / 60);
  secs = secs%60;
  var hours = Math.floor(minutes/60)
  minutes = minutes%60;
  return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
  // return pad(hours)+":"+pad(minutes)+":"+pad(secs); for old browsers
}

function pad(num) {
    return ("0"+num).slice(-2);
}
function hhmmss(secs) {
  var minutes = Math.floor(secs / 60);
  secs = secs%60;
  var hours = Math.floor(minutes/60)
  minutes = minutes%60;
  return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
  // return pad(hours)+":"+pad(minutes)+":"+pad(secs); for old browsers
}

for (var i=60;i<=60*60*5;i++) {
 document.write(hhmmss(i)+'<br/>');
}


/* 
function show(s) {
  var d = new Date();
  var d1 = new Date(d.getTime()+s*1000);
  var  hms = hhmmss(s);
  return (s+"s = "+ hms + " - "+ Math.floor((d1-d)/1000)+"\n"+d.toString().split("GMT")[0]+"\n"+d1.toString().split("GMT")[0]);
}    
*/

Ceci est similaire à la réponse mplungjan référencée dans un autre article, mais plus concis:

const secs = 456;

const formatted = moment.utc(secs*1000).format('HH:mm:ss');

document.write(formatted);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

Il souffre des mêmes mises en garde, par exemple si les secondes dépassent un jour (86400), vous n'obtiendrez pas ce que vous attendez.

Vous pouvez utiliser le plugin au format moment-durée :

var seconds = 3820;
var duration = moment.duration(seconds, 'seconds');
var formatted = duration.format("hh:mm:ss");
console.log(formatted); // 01:03:40

<!-- Moment.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

<!-- moment-duration-format plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/1.3.0/moment-duration-format.min.js"></script>

Voir aussi ce violon

Mise à jour: pour éviter le découpage des valeurs inférieures à 60 secondes, utilisez { trim: false }:

var formatted = duration.format("hh:mm:ss", { trim: false }); // "00:00:05"

var seconds = 2000 ; // or "2000"
seconds = parseInt(seconds) //because moment js dont know to handle number in string format
var format =  Math.floor(moment.duration(seconds,'seconds').asHours()) + ':' + moment.duration(seconds,'seconds').minutes() + ':' + moment.duration(seconds,'seconds').seconds();

Comment utiliser correctement les durées moment.js? | Utilisez moment.duration () dans les codes

Tout d'abord, vous devez importer momentet moment-duration-format.

import moment from 'moment';
import 'moment-duration-format';

Ensuite, utilisez la fonction de durée. Appliquons l'exemple ci-dessus: 28800 = 8 heures du matin.

moment.duration(28800, "seconds").format("h:mm a");

🎉Eh bien, vous n'avez pas d'erreur de type ci-dessus. 🤔Avez-vous une bonne valeur à 8h00? Non…, la valeur que vous obtenez est 8:00 a. Le format Moment.js ne fonctionne pas comme il le devrait.

💡 La solution consiste à transformer les secondes en millisecondes et à utiliser l'heure UTC.

moment.utc(moment.duration(value, 'seconds').asMilliseconds()).format('h:mm a')

Très bien, nous obtenons 8h00 maintenant. Si vous voulez 8 heures du matin au lieu de 8 heures pour le temps intégral, nous devons faire RegExp

const time = moment.utc(moment.duration(value, 'seconds').asMilliseconds()).format('h:mm a');
time.replace(/:00/g, '')

Jusqu'à 24 heures. Tel que Duration.formatdéconseillé, avec moment@2.23.0

const seconds = 123;
moment.utc(moment.duration(seconds,'seconds').as('milliseconds')).format('HH:mm:ss');