如果差异是分钟，则减去时间分类

Question

您好，我在输入类型上减去 2 个值，并在一种输入类型上显示差异。

这是我的代码

<div class="col-xs-6 col-md-6">
                                    <label for="date" style="font-size: 16px;">Start Time:</label>
                                    <div class="input-group clockpicker"  data-align="top" data-autoclose="true">
                                      <div class="input-group-addon">
                                       <i class="glyphicon glyphicon-time">
                                       </i>
                                     </div>

                                     <input class="form-control" id="startTime" autocomplete="off" placeholder="Choose time here..." name="startTime" type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '');" required/>
                                   </div>
                                 </div>

                                 <div class="col-xs-6 col-md-6">
                                  <label for="date" style="font-size: 16px;">End Time:</label>
                                  <div class="input-group clockpicker"  data-align="top" data-autoclose="true">
                                    <div class="input-group-addon">
                                     <i class="glyphicon glyphicon-time">
                                     </i>
                                   </div>

                                   <input class="form-control" id="endTime" autocomplete="off" placeholder="Choose time here..." name="endTime" type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '');" required/>
                                 </div><br>
                               </div>

                               <div class="col-xs-6 col-md-7">
                                <label for="date" style="font-size: 16px;">Hours Rendered:</label>
                                <div class="input-group"  data-align="top" data-autoclose="true">
                                  <div class="input-group-addon">
                                   <i class="glyphicon glyphicon-time">
                                   </i>
                                 </div>

如果你看到我的代码，我在前 2 个输入类型上使用 clockpicker 来获得值，所以值的输出就像这样 "7:00" 。

现在我使用下面的 jquery 代码成功减去代码。

function calculateTime() {
    // Get values.
    var valuestart = $("#startTime").val();
    var valuestop = $("#endTime").val();

    // Create date format.          
    var timeStart = new Date("01/01/2007 " + valuestart);
    var timeEnd = new Date("01/01/2007 " + valuestop);

    // Subtract.
    var difference = timeEnd - timeStart;

    var time = msToTime(difference);
     $("#ren").val(time);

}

function msToTime(s) {
    var ms = s % 1000;
    s = (s - ms) / 1000;
    var secs = s % 60;
    s = (s - secs) / 60;
    var mins = s % 60;
    var hrs = (s - mins) / 60;

    return hrs + ':' + mins;
}

$("#startTime, #endTime").change(calculateTime);

我想要发生的是，如果时间差是“2:00”，它显示为“2:00 小时”，那么当时间差为分钟时，它显示为“00:06 分钟” .我怎样才能做到这一点？请帮我。提前谢谢你。

Answer 1

下面的代码应该可以工作：-

 function msToTime(s) {
        var ms = s % 1000;
        s = (s - ms) / 1000;
        var secs = s % 60;
        s = (s - secs) / 60;
        var mins = s % 60;
        var hrs = (s - mins) / 60;
        var str = ' Hours';
        if(hrs===0){str=' Mins';}
        return hrs + ':' + mins + str;
    }

如果差异是分钟，则减去时间分类

Subtract time classify if the difference is minutes

javascript

jquery

clockpicker