2015-03-12 2 views
1

Я использую ionrangeslider для проекта, и я хочу настроить ярлык и легенду. Как вы можете видеть на моем jsfiddle, легенда начинается с 10 минут до 360 минут. Есть ли способ конвертировать пример 360 минут в 6 часов, а также ярлык.ion rangelider конвертировать минуты в часы

Возможно использование функции prettify?

Thx для вашей помощи!

$("#example_id").ionRangeSlider({ 
    min: 10, 
    max: 360, 
    step: 10, 
    grid: true, 
    grid_num: 1, 
    postfix: ' mn' 
}); 

http://jsfiddle.net/spitfire378/reLmLpa2/

ответ

4

Вы можете создавать собственные ярлыки с приукрасить функции опции (доступна на документаций). Функция как параметр значения, который может использоваться для форматирования вашей этикетки, как показано ниже:

$("#example_id").ionRangeSlider({ 
    min: 10, 
    max: 360, 
    step: 10, 
    grid: true, 
    grid_num: 1, 
    postfix: ' mn', 
    prettify: function(value){ 
     if(value < 60){ 
      return value + ' mn'; 
     }else{ 
      return Math.round(value/60) + ' h'; 
     } 
    } 
}); 
Смежные вопросы