問題タブ [nouislider]

2 つの noUiSliders の量をスライドさせて自動更新し、Sum に表示する必要があります。

最初のスライダーの値に 2 番目のスライダーの値を掛けてから、もう一度 110 を掛けます。結果はスパンの合計に表示されます。

私のスクリプトは次のとおりです。

人々が物事の比率を設定できるようにスライダーを設定したいのですが、関連する値を読み取るように設定しましたが、視覚的にわかりやすくするために各セクションで異なる色に設定する方法がわかりませんスライダーの目的。

では、どうすればこれを行うことができますか？

noUIslider を使用し、外部の JavaScript ファイルから初期化しようとしています。

HTML ファイルの末尾に JS コードを挿入すると、動作します。外部の JS ファイルに入れると動作しません。ページにはたくさんのスライダーがあるので、わかりやすくし、ほとんどの JS コードを外部ファイルに入れたいと思います。

編集：これは、HTMLコードの最後にある私のスクリプトの順序です：

custom.js はスライダーのあるものです。

再生/一時停止ボタンを含む単純な noUiSlider の実例、またはこれを達成する方法はありますか?

画像のスタックに接続された単純な noUiSlider があります。スライダーの番号は、画像を表示するために画像スタックのインデックスに接続されています。

スライダーを前後にスライドすると画像が変わりますが、再生/一時停止ボタンを追加したいと思います。

ここに私のサンプルデータがあります

これはプラグイン ページで、 http://refreshless.com/nouislider/examples/#section-datesからコード構造を取得した場所です 。

この例では、開始/終了の最小値/最大値として年を指定しています。タイムスタンプを提供しています。問題かもしれません。わからない。

これは、エラーが発生しているコンソールのスクリーンショットです。2015-03-08に該当する日曜日であるエラー中の日付のチェックを実行しています0。何が問題なのかわからない。

カスタム書式と noUiSlider の時間値の libLink が期待どおりに機能しません。

スライダーを使用して、24 時間形式 (17:32 など) で時間を出力したいと考えています。

また、有効な時間を入力し、libLink を介してスライダーを更新したいと考えています。

スライダーを動かすと、入力の時間が正しく更新されます。ただし、その逆は機能しません。入力に新しい時間を入力してからフォーカスを外すと、入力が前の値にリセットされます。

関数 HHMMtoMinutes() で console.log のコメントを外すと、2 回起動することがわかります。ここで何が起きてるの？

ここにも JSFiddle があります: https://jsfiddle.net/g42e6saf/2/

ウェブサイトのサンプルページに基づいて、2 ハンドルの noUiSlider 日付範囲スライダーが機能しています。

サンプルページのソースコードごとに別々のスパンではなく、ハンドルに表示される日付テキストを取得したいと考えています。