如何使用jQuery将分钟转换为小时/分钟并添加各种时间值？

问题描述：

这个问题有几个部分。我不反对使用jQuery插件，如果有人知道一个将完成我想要的东西。

There are a couple parts to this question. I am not opposed to using a jQuery plugin if anyone knows of one that will accomplish what I want done.

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

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/

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

Q3 - 我如何获取时间价值（3小时30分）分钟）并将其添加到实时时间戳，如上午10:30？我如何考虑AM vs PM？

答

Q1：

$(document).ready(function() {
    var hours = Math.floor( $('.totalMin').html() / 60);          
    var minutes = $('.totalMin').html() % 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);    

});

如何使用jQuery将分钟转换为小时/分钟并添加各种时间值？

相关推荐