Probleme, die Wert von bootstrap-slider

Question

Ich verwende eine bootstrap slider für ein Prognose-Tool, das ich erstelle. Ich habe die folgende Funktion:

function updateContractConcern() { 

    showLoader(); 

    var funcid = "call_chart_contract_concern" 
    var forecastperiod = $('#forecastslider').data('slider').getValue(); 
    //var forecastperiod = 4; 

    console.log('forecastperiod') 

    var jqxhr = $.getJSON('functions/getfunctions.php', { 
     "forecastperiod":forecastperiod, 
     "funcid":funcid}).done(function(dataChart) { 

      hideLoader(); 

      if (dataChart == null) { 
       bootbox.alert("Er is geen data voor deze selectie aanwezig"); 
      } else { 
       setBasicPropertiesAverageScoreChart(); 
       averageScoreChart.dataProvider = dataChart; 
       averageScoreChart.categoryField = "organisatie"; 
       averageScoreChart.validateData(); 
       }  
     }) 
     .fail(function() { hideLoader(); bootbox.alert("Er kon geen data verkregen worden uit de database"); }); //When getJSON request fails 
} 

Das Problem, das ich hier habe, dass die var forecastperiod = $('#forecastslider').data('slider').getValue(); mir nicht gibt den Wert des Schiebers. Irgendwelche Gedanken dazu?

Der HTML Code ist wie folgt:

<div class=text-center> 
    <label id="labelforecastslider"><i class="fa fa-clock-o" id="iconclock"></i> Bepaal de forecast periode:</label> <!-- Range --> 
    <input id="forecastslider" data-slider-id='forecastslider' type="text" data-slider-min="1" data-slider-max="12" data-slider-step="1" data-slider-value="0"/> 
</div> 

Die JavaScript, die mit dem Schieber geht, ist:

var slider = new Slider("#forecastslider", { 
    focus: true, 
    formatter: function(value) { 
     var months = ['t/m Januari', 't/m Februari', 't/m Maart', 't/m April', 't/m Mei', 't/m Juni', 't/m Juli', 't/m Augustus', 't/m September', 't/m Oktober', 't/m November', 't/m December']; 
     return months[value - 1]; 
    } 
}); 

Als ich var forecastperiod = $('#forecastslider').val(); verwenden, passiert nichts, aber als habe ich die Variable als ein "harte" Nummer wie folgt: var forecastperiod = 2; der Code funktioniert.

Answer 1

Da ein Bootstrap-Schieber kann als Eingabefeld zu sehen ist, wollen Sie den folgenden Code verwenden:

var forecastperiod = $('#forecastslider').val(); 

Hope this Sie hilft!