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

javascript - javascript/jquery を使用してスライダーを介してデータを渡す

機能する JQuery Range Slider がありますが、ページをレスポンシブにする必要があるため、別の範囲スライダーを中程度のビューにする必要がありました。ウィンドウを手動でサイズ変更し、ウィンドウが中サイズのビューになると、スライダーは明らかに大きなビューのスライダーの値を取得しません。これは可能ですか?

これが私のコードです:

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

r - 新しいion.RangeSliderはShinyにどのような利点をもたらしますか?

Shiny 0.11 の時点で、スライダーは に変更されましたion.RangeSlider

一見すると、特に HTML 5 スキンの場合は非常に異なって見えます。

ここに画像の説明を入力

...しかし、どうやらこれらの新しいスライダーは、古いスライダーよりも多くのことができるようです。

ion.RangeSlider新しい、特にupdateSliderInput古いスライダーでは機能しなかった のような機能を利用したいと思います。

ただし、新しいスライダーが提供する機能を実際に活用する方法についてのドキュメントが見つからないようです。

スライダーのドキュメントは、0.11 以前と同じように見えます。

RStudio によると、新しいスライダーは「サーバーからのより多くのプロパティの更新をサポートしています...」

私の質問は、サポートされているプロパティは正確には何ですか?

さらに、スライダーの外観を変更できるスキンがいくつかあるようです。これらのスキンは、Shiny を使用するときにすぐに利用できますか?

例えば:

ここに画像の説明を入力

このスキンをぜひ使ってみたいと思います。突然、古いスライダーと新しいスライダーの違いがそれほど劇的ではなくなりました。

ありがとう。

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

r - Shiny での ion.RangeSlider スライダー入力での日付の使用

sliderInputShiny で日付を使用するにはどうすればよいですか?

Bootstrap 2.0 では難しかったことは承知していますが、Shiny がイオン スライダーを使用するようになった今、希望があります。

ドキュメントによると、

スライダーは日付と時刻をサポート

今のところ、次のようなもの

sliderInput("date",label="date", min=as.Date("1934-06-29"), max=as.Date("1940-03-04"))

はまだ夢です。

関連すると思われる Javascript をいくつか見つけましたが、これを UI に実装するのは難しいと思います。Javascript がこれを Shiny アプリに組み込んだことを知っている人はいますか?

ここまで読んでくれてありがとう。

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

jquery - 「Ion Range Slider」の最小値/最大値のインタラクティブ/リアクティブな変更

リアクティブな Range Slider を作成しようとしています。範囲を持つドロップダウンリストがあります。したがって、ドロップダウンが変更されるたびに、範囲サイドバーの範囲が自動的に変更されます。

=========テンプレート ヘルパー コード ================

=========================================

テンプレートヘルパーでもこれを試します。

Template Rendered で範囲スライダーを定義します。

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

slider - ion.rangeslider が表示するラベルの数をカスタマイズするには?

私はion.rangeslider(here)を使用していますが、コンテナがすべての値のラベルを表示するのに十分な大きさでない場合があります。

ラベルの表示方法をカスタマイズしたいと思います。2 ステップごと (または 10 または 100 など) のようなものです。

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

javascript - Moment.js とイオン rangeSlider: 日付がフォーマットされていません

イオン スライダー ( http://ionden.com/a/plugins/ion.rangeSlider/en.html ) と moment.js を使用して日付を処理しています。問題は、日付がスライダーで適切にフォーマットされないことです。

ただし、ログは正しい形式を提供します。どんな提案でも大歓迎です。

0 投票する
3 に答える
74 参照

javascript - JavaScript を使用してクラスのスタイルを変更する

最初は、これが次の場合にのみ知りたいです:

使用することが有効です。もしそうなら、私は間違いを犯したでしょう。一部のオブジェクトのサイズを制御する rangeslider を作成したいと考えています。このために、JavaScriptを使用してスライダーの値を取得し、前からコードを追加しました。最終的には次のようになります。

http://jsfiddle.net/oqh16n2u/1/

それで、私はここで何を間違えましたか?

ありがとう!

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

jquery - JQueryのRange Sliderから値を取得する方法 - IonRangeSlider?

スライダーを変更してion.rangeSliderコンポーネントから値を取得するにはどうすればよいですか?

これは私のjQueryコードです:

}); }