0

15 分単位で時間を選択する jquery スライダーがあります。スライドするときに15分から1時間になり、8時間までかかるようにする必要があります。オンラインで見つけた多くの例を試しましたが、成功しませんでした。現在、私のスライダーは 15 int 単位で最大 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>
4

2 に答える 2

1

分の値を時間と分にフォーマットする必要がある場合は、次のように計算できます。

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

フィドルの例: http://jsfiddle.net/9vPrW/2/

于 2013-10-10T18:08:02.203 に答える
0

stepスライダーの初期化中に値を から15に変更して、60時間を 1 時間ずつ増やします。
また、値を時間で表示するには、分の値を 60 で割る必要があります。

例:.val(parseInt($("#slider-range-max").slider("value"))/60);

于 2013-10-10T18:03:51.197 に答える