0

我正在使用带有 MomentJS 的 ion Rangeslider。（http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html）

我让滑块向上工作，现在我想在 0-24 小时内每 15 分钟添加一次“步进”，即我应该能够在 0-24 小时之间的 15 分钟间隔之间步进。

我尝试了以下方法：

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 的新手，非常感谢您的帮助。

4

1 回答 1

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 方法以秒为单位返回持续时间。

于 2017-01-17T22:51:45.510 回答