IonRangeSlider momentJS шаг выпуска

Я использую ионный 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, буду очень признателен за вашу помощь.

1 ответ

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

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, которые будут возвращать длительность в секундах.

Другие вопросы по тегам