問題タブ [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 投票する
1 に答える
3394 参照

javascript - AngularJS Ion.RangeSlider が、特定のボタンの変更時に最小値と最大値を動的に更新しない

私は、ionRangeSlider を相互に使用しているスライダーのディレクティブを持っています。ボタンをクリックすると、ミックスと最大値が変更されますが、ディレクティブでは更新されません。リンクにウォッチ機能を追加しました。

以下はスライダーディレクティブです

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

上記のスライダーの最小値と最大値は、ボタンのクリックに基づいて変更されます。ですが、スライダーには反映されません。ディレクティブのどこが間違っているのか教えてください。

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

jquery - ionRangeSlider が定義されていないため、更新できません

ブートストラップ モデルが閉じたときに、ionRangeSlider の「from」値を元の値にリセットしたいと思います。rangeSliderただし、定義されていないため、リセットできません。

コード:

私のページには複数のionRangeSlidersがあります。

何がうまくいかないのですか?

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

java - RangeSlider用のJavaFX ControlsFX CSS

JavaFX ControlsFX ライブラリをダウンロードしたばかりですが、現在スタックしています。RangeSlider と呼ばれるライブラリ内のカスタム コンポーネントの 1 つを使用していますが、CSS で各つまみのスタイルを操作する必要があります。私はいたるところを見てきましたが、有用なものが見つからないようです。それを行う方法はありますか?私は通常のJava Sliderコンポーネントでこれを行うことができることを知っています:

しかし、RangeSlider にこのようなものを使用すると、何も機能しません。スライダーが 2 つあるのは理にかなっていますが、部分構造の名前の組み合わせを 100 通り試しましたが、役に立ちませんでした。

ミッション: 各親指アイコンを変更しようとしています。また、2 つの親指の間に描画される色 (現在は青) を変更することにも関心があります。

うまくいけば、これは非常に明白なことです、ありがとう!

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

javascript - ステップサイズ変更

Andre Ruffert の優れた rangeslider.js を使用しています

一つ質問があります。スライダーを設定して、スライダーを次のように動かすと、数値が 6 ずつ増加します: 6,12,18,24,30,36,42,48,54,60

ただし、スライダーが 36 に達したときに 12 ずつ増加させて、「42」と「54」をスキップして、スライダーを移動すると次のように引っ張ることができるようにしたい: 6,12,18,24,30 ,36,48,60

jsまたはhtmlでこれを行う方法はありますか?

これは、スライダーの値を設定するコードですが、何らかの理由で機能しません:

次のようなスライダーの HTML コードを上書きする JavaScript 関数を取得できません。

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

angularjs - Angular rangeSlider の変更イベント

http://danielcrasp.github.io/angular-rangeslider/demoに従って、価格値を変更するスライダーを作成しました。

代わりに 5000000の{{demo1.max}}代わりに表示したい5 Million. 値が Billion に達すると、 のように表示したい1 Billion。このためのカスタム コードを作成する必要があることはわかっていますが、Angular rangeSlider の変更イベントをキャッチするにはどうすればよいですか? コードからフィルター、フィルター オプションを変更できますか? ありがとう。

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

javascript - JQuery Rangeslider のステップ変更の問題

JQuery レンジスライダーを使用しています。

HTMLコードで設定した最小値を6、最大値を60にしたい...

ステップ サイズは、36 になるまで 6 ずつ増加する必要があります。スライダーが 36 に達すると、ステップ サイズは 12 増加します (そうあるべきです)... その後、48、次に 60 にスナップする必要がありますが、代わりに 42 に増加し、次に54と66!

したがって、6,12,18,24,30,36,48,60に行く代わりに

行きそうです..

6,12,18,24,30,36,42,54,66

指示されている場所でステップサイズが増加し、正しい金額が表示されるようにするために私ができることを誰かが知っていますか?

同様の方法で動作するこの Codepenを確認してください

ありがとう</p>

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

rangeslider - イオンレンジスライダーは分を時間に変換します

プロジェクトにionrangesliderを使用していますが、ラベルと凡例をカスタマイズしたいです。私のjsfiddleでわかるように、凡例は10分から360分に始まります。例で 360 分を 6 時間とラベルに変換する方法はありますか。

プリティファイ機能を使っているのでしょうか?

助けてくれてありがとう!

http://jsfiddle.net/spitfire378/reLmLpa2/