2017-02-27 50 views
0

我使用noUiSlider跟着教程如何創建自定義格式:noUiSlider得到原始值

noUiSlider.create(sliderFormat, { 
start: [ 20 ], 
step: 10, 
range: { 
    'min': [ 0 ], 
    'max': [ 599 ] 
}, 
format: { 
    to: function (value) { 
    return Math.round(value/60) + ':' + Math.round(value%60); 
    }, 
    from: function (value) { 
    return value; 
    } 
} 
}); 

當我打電話

mySlider.get() 

它返回一個值樣1:10,這是格式化的值。我想要得到原始值(在這個例子中是70),那怎麼可能?

+0

你想要得到的原始值,當有人改變了滑蓋的? –

+1

如果你不想獲得格式化值,那麼你爲什麼要格式化它,如果你不格式化,myslider.get將返回70. –

+0

只要滑塊發生變化,我就讀取該值。我需要爲用戶體驗格式化,以便滑塊在ui字段中顯示小時/分鐘值。 –

回答

0

由於Vaibhav的庫馬爾suggestet,我使用了更新功能來讀取原始值:

slider.noUiSlider.on('update', function(values,handle,unencoded){ 
    // unencoded contains the raw value 
});