teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

2. について追記

2022/02/08 08:15

投稿

luuguas
luuguas

スコア501

answer CHANGED
@@ -4,4 +4,23 @@
4
4
  ```
5
5
 
6
6
  2. 公式ドキュメントを見ましょう。range内の各キーに対する値に`[開始値, 増分]`の配列を指定すれば良いようです。
7
- [https://refreshless.com/nouislider/examples/#section-non-linear](https://refreshless.com/nouislider/examples/#section-non-linear)
7
+ [https://refreshless.com/nouislider/examples/#section-non-linear](https://refreshless.com/nouislider/examples/#section-non-linear)
8
+
9
+ ### 追記
10
+
11
+ >minとmaxは1,000〜99,999円
12
+
13
+ >1,000円〜30,000円:1,000円単位
14
+ >30,000円〜:5,000円単位
15
+ この場合は以下のようにします。(startの値はテキトーです)
16
+ ```js
17
+ noUiSlider.create($slider, {
18
+ start: [10000, 50000],
19
+ connect: true,
20
+ range: {
21
+ 'min': [1000, 1000], //最小値は1000, 1000~は1000ずつ増加
22
+ '30%': [30000, 5000], //30000~は5000ずつ増加
23
+ 'max': [99999] //最大値は99999
24
+ },
25
+ });
26
+ ```