Javascript-计算两个jQuery UI滑块之间的时间差

所以我一直在寻找堆栈溢出，并找到了一些好的东西来帮助我，但我不知道如何把它放在一起。基本上我有两个jQueryUI滑块，每个滑块都给我一个时间作为值。然后，单击，我想计算值1和值2之间的时间差。我有我需要的一切，但当我点击按钮，它输出一个错误。它在第一次运行时起作用，因为我已经将变量设置为默认值，但基本上我需要将滑块值附加到这些变量上，以便拾取它们，而不是默认值。非常感谢您的帮助

我的HTML：

<div class="sliders_step1">
   <div id="slider-range-sleep"></div>
</div>

<div class="sliders_step1">
    <div id="slider-range-wake"></div>
</div>

<a href = "javascript:void(0);" class = "nav-arrow right-nav-arrow grey-blue-link" id = "question1-right">Click me</a>

如何从两个滑块创建时间值：

    $("#slider-range-sleep").slider({
    range: false,
    min: 0,
    max: 1440,
    step: 15,
    values: [1250],
    slide: function (e, ui) {
        var hours1 = Math.floor(ui.values[0] / 60);
        var minutes1 = ui.values[0] - (hours1 * 60);

        if (hours1.length == 1) hours1 = '0' + hours1;
        if (minutes1.length == 1) minutes1 = '0' + minutes1;
        if (minutes1 == 0) minutes1 = '00';
        if (hours1 >= 12) {
            if (hours1 == 12) {
                hours1 = hours1;
                minutes1 = minutes1 + " PM";
            } else {

                minutes1 = minutes1 + " PM";
            }
        }else if (hours1 <= 9) {
            hours1 = "0" + hours1;
            minutes1 = minutes1 + " AM";
            ampmWake = "morning";   
        }
        else {
            hours1 = hours1;
            minutes1 = minutes1 + " AM";
        }
        if (hours1 == 0) {
            hours1 = 12;
            minutes1 = minutes1;
        }

        sleepTime = hours1 + minutes1;

        sleepTime = sleepTime.replace(' AM','');
        sleepTime = sleepTime.replace(' PM','');

        $('.slider-time').html(hours1 + ':' + minutes1);

    }

});


$("#slider-range-wake").slider({
    range: false,
    min: 0,
    max: 1440,
    step: 15,
    values: [400],
    slide: function (e, ui) {
        var hours2 = Math.floor(ui.values[0] / 60);
        var minutes2 = ui.values[0] - (hours2 * 60);


        if (hours2.length == 1) hours2 = '0' + hours2;
        if (minutes2.length == 1) minutes2 = '0' + minutes2;
        if (minutes2 == 0) minutes2 = '00';
        if (hours2 >= 12) {
            if (hours2 == 12) {
                hours2 = hours2;
                minutes2 = minutes2 + " PM";

            } else {

                minutes2 = minutes2 + " PM";

            }
        } 
        else if (hours2 <= 9) {
            hours2 = "0" + hours2;
            minutes2 = minutes2 + " AM";

        }

        else {
            hours2 = hours2;
            minutes2 = minutes2 + " AM";

        }
        if (hours2 == 0) {
            hours2 = 12;
            minutes2 = minutes2;
        }

        wakeTime = hours2 + minutes2;

        wakeTime = wakeTime.replace(' AM','');
        wakeTime = wakeTime.replace(' PM','');

        $('.slider-time-wake').html(hours2 + ':' + minutes2);


    }
});

$（“#滑块范围睡眠”）.滑块({
范围：false，
分:0,，
最高：1440，
步骤：15，
数值：[1250]，
幻灯片：功能（e、ui）{
var hours1=数学楼层（ui.values[0]/60）；
变量分钟数1=ui.值[0]-（小时数1*60）；
如果（hours1.length==1）hours1='0'+hours1；
如果（minutes1.length==1）minutes1='0'+minutes1；
如果（分钟1==0）分钟1='00'；
如果（小时1>=12）{
如果（小时1==12）{
小时1=小时1；
分钟数1=分钟数1+“PM”；
}否则{
分钟数1=分钟数1+“PM”；
}
}否则如果（小时1=12）{
如果（小时2==12）{
小时数2=小时数2；
分钟数2=分钟数2+“PM”；
}否则{
分钟数2=分钟数2+“PM”；
}
} 
否则，如果（hours2当您设置睡眠时间和唤醒时间的值时，您缺少“：”

sleepTime = hours1 + minutes1;
wakeTime = hours2 + minutes2;

应该是：

sleepTime = hours1 + ':' + minutes1;
wakeTime = hours2 + ':' + minutes2;

sleepTime = hours1 + ':' + minutes1;
wakeTime = hours2 + ':' + minutes2;