在java中创建动态价格范围滑块

Question

我想创建一个像makemytrip.com这样的动态价格范围滑块。 根据产品价格有最低和最高价格，例如最低产品价格为50美元，最高价格为200美元，滑块的可用范围是50美元，最终是200美元？

Answer 1

使用jQuery slider来实现此功能。可用演示here

您必须为此

使用以下代码

 $(function () {
   $("#slider-range").slider({
     range: true,
     min: 50,
     max: 200,
     values: [50, 200],
     slide: function (event, ui) {
       $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
     }
   });
   $("#amount").val("$" + $("#slider-range").slider("values", 0) +
     " - $" + $("#slider-range").slider("values", 1));
 });

创建滑块后，您可以按如下所示更改滑块最小值和最大值

$( "#slider-range" ).slider( "option", "max", 60 );
$( "#slider-range" ).slider( "option", "min", 300 );