問題タブ [rangeslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2843 参照

jquery - ion.rangeSlider スライダーを事前定義された値にロックします

スライダーを定義済みの値にロックするオプションはありますか? つまり

値: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"],

ここで、「7.5」を 15,35.....499 に移動したいだけです。

どのように可能ですか?「7.5」からスライダーを開始すると、43、79が表示されるため、これらの値は必要ありません。スライダーは指定された値のみを移動します! お願いできますか!

0 投票する
2 に答える
909 参照

javascript - さまざまな基礎範囲スライダーの合計値

6 つの異なる範囲スライダーの値を追加して、結果を表示しようとしています。これで期待どおりの数値が得られますが、各スライダーの属性を合計する方法を理解しようとしています。したがって、ボタンが押されると、すべての合計が得られます。

jsfiddle を作成しましたが、機能しません。ここを参照してください:http://jsfiddle.net/Ae5Y4/3/

何か提案はありますか?

HTML:

ジャバスクリプト:

0 投票する
2 に答える
2277 参照

javascript - Foundation 5 でデュアルハンドル レンジ スライダーを作成するには?

ここでコーディング初心者 - 私は作成中のアプリのフロントエンド フレームワークとして Foundation 5 を使用しており、2 つのハンドルを持つレンジ スライダーを作成しようとしています。誰もこれを行う方法を知っていますか? 「range-slider-handle」スパン要素を繰り返すだけで 2 つのハンドルが作成されますが、ハンドルの 1 つは範囲の左端に固定されており、移動できません。

誰かがこの問題についてアドバイスできるなら、それは大歓迎です!

0 投票する
1 に答える
7265 参照

jquery - 角度時間範囲スライダー

http://danielcrasp.github.io/angular-rangeslider/demo/を使用してレンジ スライダーを作成していますが、単純な数値だけでなく時間 (HH:MM) を使用したいと考えています。したがって、10m - 2hr の範囲になります。しかし、私はこれを達成する方法について少し混乱しています。

次のように時間をフォーマットしたほうがよいでしょうか。

時間は分単位で計算されるので、日付フィルターを使用して数値を hh:mm に変換することもできますが、(10 分、30 分、1 時間、1 時間 10 分、1 時間 30 分、2 時間)

または、これを行うより良い方法は次のとおりです。

それとも私はこれを完全に見逃していて、より良い方法がありますか?

0 投票する
1 に答える
20147 参照

angularjs - 範囲間のAngularJSフィルタリング

0 ~ 2 時間の範囲の範囲スライダーを設定しました。時間は分単位で計算され、次のように hh:mm に変換されます: 10 分、20 分、1 時間 20 分、2 時間。

ng-repeatしかし、現在、範囲スライダーで指定された範囲を使用して一連のアイテムをフィルタリングしようとしていますが、これを機能させるのに苦労しています。

これが私がやったことですhttp://cdpn.io/LDusa

レンジ スライダーにhttp://danielcrasp.github.io/angular-rangeslider/demo/を使用しています。

コードは次のとおりです。

JADE (HTML を好む場合は、このhttp://html2jade.org/を使用して HTML に戻すことができます):

time範囲スライダーで指定された範囲内にある場合にのみアイテムを表示するようにするにはどうすればよいですか?

0 投票する
0 に答える
480 参照

jquery - How to handle jQuery UISlider change event for range slider

I have a two handle jQuery UI Slider, under each handle of it, there's a number that should change everytime user changes the handles, I can only change one of them.

I need to detect which handle has been moved, and in which direction it has moved, to calculate the numbers.

HTML:

jQuery: