如何使用 jQuery 将分钟转换为小时/分钟并将各种时间值添加在一起? [英] How to convert minutes to hours/minutes and add various time values together using 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

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/

问题 3 - 我如何获取时间值(3 小时 30 分钟)并将其添加到实时时间戳，例如上午 10:30?我将如何考虑 AM 与 PM?

推荐答案

Q1:

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

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

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

第二季度:

$(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 将分钟转换为小时/分钟并将各种时间值添加在一起?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！