C# Jquery滑块。需要滑块显示15分钟的增量，并显示小时，而不仅仅是分钟

我有一个jquery滑块，以15分钟为增量选择时间量。我需要这个从15分钟到1小时，当滑动等，直到8小时。我在网上找到了很多例子，但都没有成功。现在我的滑块以15整数的增量移动到480分钟。任何帮助或其他想法都将不胜感激。提前谢谢

源代码

  <script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#slider-range-max").slider({
            range: "min",
            min: 0,
            max: 480,
            value: 15,
            step: 15,
            slide: function (event, ui) {
                $("#amount").val(ui.value);
                $("#amount1").val(ui.value);
            }
        });
        if("<%=this.IsPostBack%>"  === "True")
        {
            $("#amount").val($("#slider-range-max").slider("value"));
            $("#amount1").val($("#slider-range-max").slider("value"));
            $("#txtHiddenAmount").val($("#amount").val()); 
        }

    });

  <label for="amount">Time/Length in Minutes(Slide to Desired Amount, 1 Credit per hour):</label>
                 &nbsp
                <input type="text" id="amount1" readonly="readonly" style="border: 0; color: #f6931f; font-weight: bold;" />  
               <asp:TextBox ID="amount" runat="server" Style="color: white"      BorderWidth="0" ClientIDMode="Static">15</asp:TextBox>   

初始化滑块时，将步长值从15更改为60，以每小时1小时的增量增加时间。 此外，要以小时为单位显示该值，需要将分钟值除以60

---

例如：.valparseInt$slider-range-max.slidervalue/60

如果您需要将分钟的值格式化为小时和分钟，您可以这样做：

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

---

小提琴示例：

谢谢你，真是妙不可言！感谢您快速而有益的回复。