如何使用javascript更改范围滑块最小值，最大值和步长值

Question

我正在尝试使用Javascript设置滑块的最小值，最大值和步长值。我知道我们可以在HTML中将它们设置为范围属性，但我特意寻找使用javascript的选项。因为我的范围会因情况而异。

的H1M1：

<input type="range" id="LoanAmntRange" class="LoanAmntRange">
<input type="text" id="LoanAmntText"></input>

使用Javascript：

$(function() {

$('#LoanAmntText').val($(LoanAmntRange).val());

 $('input[type="range"]').on('input change', function() {

$("#LoanAmntRange").slider('value', 50, 80);

$('#LoanAmntText').val($(this).val()); 


  });
});


$('#LoanAmntText').on("change",function(){


var val = $(this).val().replace(/[^\d\+]/g,"");   // check only for digits
$('#LoanAmntRange').val(val).trigger("change");

});

我正在进行一些旧的讨论，他们已经提到可以使用以下选项调整值

调整最小值和最大值：

$("#LoanAmntRange").slider('value', 50, 80);

调整步骤值：

$("#LoanAmntRange").slider("option", "step", 10);

但它不适合我。无论如何我能做到吗？

小提琴：https://jsfiddle.net/k7qf58ex/1/