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

我有一个jquery滑块，以15分钟为增量选择一段时间。我需要这个从15分钟到1小时，等滑动到8小时。我尝试了很多我在网上找到的例子，但都没有成功。现在我的滑块以15 int增量增长到480分钟。任何帮助或其他想法，将不胜感激。提前致谢。Jquery滑块。需要滑块显示15分钟的增量，并显示小时不只是分钟

源代码

<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>

来源

2013-10-10 user2425793

如果您需要到分钟的值格式为小时和分钟，你可以做数学题是这样的：

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

小提琴例如：http://jsfiddle.net/9vPrW/2/

来源

2013-10-10 18:08:02

由于工作就像魅力！感谢您的快速和有益的回应。 – user2425793

变化从15的step值60在初始化滑块增加时间中的每个1小时为单位。
此外，以显示小时值，则需要由60

如来划分分钟值：.val(parseInt($("#slider-range-max").slider("value"))/60);

来源

2013-10-10 18:03:51 Vandesh

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

回答

相关问题