Jquery 如何在nouislider中为最小范围（from）和最大范围（to）设置不同的范围？

我需要为最小和最大侧设置不同的自定义范围

下面是我的示例代码

rangeConfig: any = {
        behaviour: 'drag',
        connect: true,
        snap: true,
        range: {
            min: 2,
            '3.33%':5,
            '6.66%':6,
            '9.99%':8,
            '13.32%':9,
            '16.65%':11,
            '19.98%':12,
            '23.31%':14,
            '26.64%':15,
            '29.97%':17, etc..
            max:100
        },
        tooltips: [new RangeFormatter, new RangeFormatter],
    };

export class RangeFormatter implements NouiFormatter {
        rangeToFormats: any = {2:2, 6:6, 9:9, 12:12, 15:15, 18:18, 21:21, 25:25, 30:30, 35:35, 40:40, 45:45, 50:50, 55:55, 100:'65+'};
        rangeFromFormats: any = {5:5, 8:8, 11:11, 14:14, 17:17, 20:20, 24:24, 29:29, 34:34, 39:39, 44:44, 49:49, 54:54, 64:64, 100:'65+'};
        to(value: number): string {
            return this.rangeToFormats[value];
        }

        from(value: string): number {
            return this.rangeFromFormats[value];
        }
    }

我们需要滑动条，滑动条的左旋钮可以设置为任何低值：2、6、9、12、15、18、21、25、30、35、40、45、50、55、65+ 右旋钮可以设置为任何一个高值：5、8、11、14、17、20、24、29、34、39、44、49、54、64、65+

我在angular 5中使用了ng nouislider。有没有办法区分最小值（从侧面）和最大值（从侧面）的范围

---

谢谢

您的方法非常接近，您只需要做一些调整

• 因为两个跨距都有14个值，所以将滑块范围设置为

  0。。。13

• 不要将格式化程序传递给

  工具提示

  选项，而是将其传递给

  格式化

  选项，以便将其应用于整个滑块
• 提供两个不同的格式化程序，每个句柄一个，用于映射值

  0。。。13

  设置为所需的值

---

您的方法非常接近，您只需要进行一些调整
• 因为两个跨距都有14个值，所以将滑块范围设置为

  0。。。13

• 不要将格式化程序传递给

  工具提示

  选项，而是将其传递给

  格式化

  选项，以便将其应用于整个滑块
• 提供两个不同的格式化程序，每个句柄一个，用于映射值

  0。。。13

  设置为所需的值

---

你说的“左侧和右侧”是什么意思？@Lg102，我指的是“从”幻灯片按钮“到”和“从”。@Lg102，我已经更新了问题详细信息。“左侧和右侧”是什么意思？@Lg102，我指的是“从”幻灯片按钮“到”&“到”。@Lg102，我已经更新了问题详细信息