IonRangeSlider momentJS step issue

Question

Я использую ионный Rangeslider с MomentJS. (http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html)

У меня есть ползунок вверх и рабочий, теперь я хочу добавить «Шаг» каждые 15 минут в течение 0-24 часов. Я должен быть в состоянии шаг между 15-минутным интервалом между 0-24 часами.

Я попытался следующие:

initializeRangePicker: function() { 
    this.ui.timeRangeIonPicker.ionRangeSlider({ 
     min: +moment().startOf("day").format("X"), 
     max: +moment().endOf("day").format("X"), 
     from: +moment().hours(9).minutes(0).format("X"), 
     to: +moment().hours(13).minutes(0).format("X"), 
     step: +moment("15", "mm").format("mm"),   // DOESN't WORK :(
     type: 'double', 
     grid: true, 
     force_edges: true, 
     grid_num: 24, 
     prettify: function(num) { 
      var m = moment(num, "X").locale("en"); 
      return m.format("HH:mm"); 
     } 
    }); 
}, 

Я не знаю, где я буду неправильно. Я новичок в MomentJS, буду очень благодарен за вашу помощь.

Answer 1

Если вы используете min, max, from и для установки в секундах, вы также должны установить интервал в секундах.

initializeRangePicker: function() { 
    this.ui.timeRangeIonPicker.ionRangeSlider({ 
     min: +moment().startOf("day").format("X"), 
     max: +moment().endOf("day").format("X"), 
     from: +moment().hours(9).minutes(0).format("X"), 
     to: +moment().hours(13).minutes(0).format("X"), 
     step: +moment("15", "mm").format("mm")*60,    
     type: 'double', 
     grid: true, 
     force_edges: true, 
     grid_num: 24, 
     prettify: function(num) { 
      var m = moment(num, "X").locale("en"); 
      return m.format("HH:mm"); 
     } 
    }); 
}, 

jsfiddle Работа, может быть moment.js методы, которые возвращают время в секундах.