How to disable an input field of type slider in bootstrap-slider?

To disable a slider using bootstrap-slider depends on your original instance of the created field.

For example, if you created your slider com jQuery then your instance looked something like this:

$(document).ready(function() {
            $("#slider1").slider();
});

To manipulate this slider you need to create a variable so that it is associated and can make manipulation easier:

$(document).ready(function() {
                var slidervar = $("#slider1").slider();
                slidervar.slider('disable');
    });

If your instance was sem jQuery , then it looked something like this:

Slider("slider1", {});

To manipulate this slider you need to create a variable so that it is associated and can make manipulation easier:

var slidervar = Slider("slider1", {});
slidervar.disable;