ブートストラップスライダーから値を取得する際に問題が発生する

Question

私が構築している予測ツールにbootstrap sliderを使用しています。私は、次の機能を持っている：

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 
} 

は、私がここに持っています問題はvar forecastperiod = $('#forecastslider').data('slider').getValue();は私に、スライダーの値を与えないということです。これについての考えは？

HTMLコードは以下の通りです：

<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> 

スライダーで行くJavaScriptがある：私はvar forecastperiod = $('#forecastslider').val();を使用する場合

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]; 
    } 
}); 

、何も起こりませんが、私のように変数を設定するときこのような "ハード"番号：var forecastperiod = 2;コードが機能します。

Answer 1

ブートストラップ・スライダが入力フィールドとして見ることができるので、あなたは以下のコードを使用したい：

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

はこれがあなたのお役に立てば幸い！