Cách chuyển đổi giây sang HH: mm: ss trong moment.js

Làm cách nào để chuyển đổi giây thành HH:mm:ss?

Hiện tại tôi đang sử dụng chức năng bên dưới

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

Điều này hoạt động trên chrome nhưng trong firefox trong 12 giây, tôi nhận được, 01:00:12 tôi muốn sử dụng moment.js để tương thích với nhiều trình duyệt

Tôi đã thử điều này nhưng không hoạt động

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

Tôi đang làm gì sai?

BIÊN TẬP

Tôi đã cố gắng tìm ra giải pháp mà không cần moment.js, như sau

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

Vẫn tò mò về cách tôi có thể làm điều đó trong giây lát.js

Từ bài đăng này, tôi sẽ thử điều này để tránh các vấn đề nhảy vọt

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

Tôi đã không chạy jsPerf, nhưng tôi sẽ nghĩ điều này nhanh hơn việc tạo các đối tượng ngày mới một triệu lần

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]);
}    
*/

Điều này tương tự với câu trả lời mplungjan được tham khảo từ một bài đăng khác, nhưng ngắn gọn hơn:

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>

Nó cũng có những cảnh báo tương tự, ví dụ: nếu giây vượt quá một ngày (86400), bạn sẽ không nhận được những gì bạn mong đợi.

Bạn có thể sử dụng plugin định dạng thời lượng khoảnh khắc :

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>

Xem thêm Fiddle này

Cập nhật: Để tránh bị cắt cho các giá trị dưới 60 giây, hãy sử dụng { 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();

Làm thế nào để sử dụng đúng thời lượng moment.js? | Sử dụng moment.duration () trong mã

Đầu tiên, bạn cần nhập momentvà moment-duration-format.

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

Sau đó, sử dụng hàm thời lượng. Chúng ta hãy áp dụng ví dụ trên: 28800 = 8 giờ sáng.

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

🎉Vâng, bạn không mắc phải lỗi loại trên. 🤔 Bạn có nhận được đúng giá trị lúc 8 giờ sáng không? Không…, giá trị bạn nhận được là 8h00 a. Định dạng Moment.js không hoạt động như dự kiến.

💡 Giải pháp là chuyển đổi giây thành mili giây và sử dụng thời gian UTC.

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

Được rồi, bây giờ chúng ta có 8 giờ sáng. Nếu bạn muốn 8 giờ sáng thay vì 8 giờ sáng cho thời gian tích hợp, chúng tôi cần thực hiện RegExp

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

Cho đến 24 giờ. Như Duration.formatkhông được dùng nữa, với moment@2.23.0

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