web-dev-qa-db-ja.com

jQueryを使用して分を時間/分に変換し、さまざまな時間値を一緒に追加する方法は？

この質問にはいくつかの部分があります。私がしたいことを達成するプラグインを知っている人がいれば、jQueryプラグインを使用することに反対しません。

Q1-分を時間に変換するにはどうすればよいですか？たとえば、90分を1時間30分に変換するにはどうすればよいでしょうか。以下のコードでは、「totalMin」を「convertedHour」および「convertedMin」に変換して表示するにはどうすればよいですか？

HTML：

<span class="totalMin">90</span> Minutes

<span class="convertedHour">0</span> Hours
<span class="convertedMin">0</span> Minutes

jsFiddle： http://jsfiddle.net/ExFBD

Q2-タイムスロットのグループを追加するにはどうすればよいですか？たとえば、1時間30分、2時間45分、2時間15分を一緒に追加するにはどうすればよいですか？

HTML：

<span class="hour-1 hour">1</span> hour
<span class="min-1 min">30</span> min

<span class="hour-2 hour">2</span> hour
<span class="min-2 min">45</span> min

<span class="hour-3 hour">2</span> hour
<span class="min-3 min">15</span> min


<span class="totalHour">0</span> hour
<span class="totalMin">0</span> min

jsFiddle： http://jsfiddle.net/DX9YA/

Q3-時間値（3時間30分）を取得して、午前10時30分などのリアルタイムのタイムスタンプに追加するにはどうすればよいですか？ AM vs PMを考慮に入れるにはどうすればよいですか？

javascriptjquerytime
58
sevens

Q1：

$(document).ready(function() {
    var totalMinutes = $('.totalMin').html();

    var hours = Math.floor(totalMinutes / 60);          
    var minutes = totalMinutes % 60;

    $('.convertedHour').html(hours);
    $('.convertedMin').html(minutes);    
});

Q2：

$(document).ready(function() {

    var minutes = 0;

    $('.min').each(function() {
        minutes = parseInt($(this).html()) + minutes;
    });

    var realmin = minutes % 60
    var hours = Math.floor(minutes / 60)

    $('.hour').each(function() {
        hours = parseInt($(this).html()) + hours;
    });


    $('.totalHour').html(hours);
    $('.totalMin').html(realmin);    

});
103
nunopolonia

00:00形式の文字列を返したい場合...

convertMinsToHrsMins: function (minutes) {
  var h = Math.floor(minutes / 60);
  var m = minutes % 60;
  h = h < 10 ? '0' + h : h;
  m = m < 10 ? '0' + m : m;
  return h + ':' + m;
}

賛成票をありがとう。ここに、少しきれいなES6バージョンがあります:)

function convertMinsToHrsMins(mins) {
  let h = Math.floor(mins / 60);
  let m = mins % 60;
  h = h < 10 ? '0' + h : h;
  m = m < 10 ? '0' + m : m;
  return `${h}:${m}`;
}
54
ConorLuddy

以下の関数は、入力として時間数と出力時間を次の形式で取ります：時間：分。 2015年に追加された新しいメソッドであるMath.trunc（）を使用しました。小数桁を削除することにより、数値の整数部分を返します。

function display(a){
  var hours = Math.trunc(a/60);
  var minutes = a % 60;
  console.log(hours +":"+ minutes);
}

display(120); //"2:0"
display(60); //"1:0:
display(100); //"1:40"
display(126); //"2:6"
display(45); //"0:45"
21
Dan S.
var timeConvert = function(n){
 var minutes = n%60
 var hours = (n - minutes) / 60
 console.log(hours + ":" + minutes)
}
timeConvert(65)

これにより、コンソールに1：5が記録されます。短く簡単なソリューションであり、理解しやすく、jqueryプラグインは必要ありません...

5
Maxwelll
function parseMinutes(x) {
  hours = Math.floor(x / 60);
  minutes = x % 60;
}

function parseHours(H, M) {
  x = M + H * 60;
}
5
Malk

???? 2つの形式で議事録を転送するための非常に短いコード！

let format1 = (n) => `${n / 60 ^ 0}:` + n % 60

console.log(format1(135)) // "2:15"
console.log(format1(55)) // "0:55"

let format2 = (n) => `0${n / 60 ^ 0}`.slice(-2) + ':' + ('0' + n % 60).slice(-2)

console.log(format2(135)) // "02:15"
console.log(format2(5)) // "00:05"
4
Илья Зеленько

このコードはタイムゾーンで使用できます

javascript：

let minToHm = (m) => {
  let h = Math.floor(m / 60);
  h += (h < 0) ? 1 : 0;
  let m2 = Math.abs(m % 60);
  m2 = (m2 < 10) ? '0' + m2 : m2;
  return (h < 0 ? '' : '+') + h + ':' + m2;
}

console.log(minToHm(210)) // "+3:30"
console.log(minToHm(-210)) // "-3:30"
console.log(minToHm(0)) // "+0:00"
minToHm(210)
"+3:30"

minToHm(-210)
"-3:30"

minToHm(0)
"+0:00"
2
kostest kaptest

24時間と12時間の両方に対処するために、ConorLuddyの回答を修正する自由を取りました。

function minutesToHHMM (mins, twentyFour = false) {
  let h = Math.floor(mins / 60);
  let m = mins % 60;
  m = m < 10 ? '0' + m : m;

  if (twentyFour) {
    h = h < 10 ? '0' + h : h;
    return `${h}:${m}`;
  } else {
    let a = 'am';
    if (h >= 12) a = 'pm';
    if (h > 12) h = h - 12;
    return `${h}:${m} ${a}`;
  }
}
1
Spittal

Jqueryプラグインではありませんが、 DateJS Library は必要なことを行うようです。 [はじめに]ページ にはいくつかの例があります。

0
Jon McAuliffe

古いブラウザをサポートするために代替。

function minutesToHHMM (mins, twentyFour) {
  var h = Math.floor(mins / 60);
  var m = mins % 60;
  m = m < 10 ? '0' + m : m;

  if (twentyFour === 'EU') {
    h = h < 10 ? '0' + h : h;
    return h+':'+m;
  } else {
    var a = 'am';
    if (h >= 12) a = 'pm';
    if (h > 12) h = h - 12;
    return h+':'+m+a;
  }
}
0
Jarkko Oksanen