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

最佳答案

如果您要设置的最小值,最大值以秒为单位,则必须以秒为单位设置间隔。

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

10-02 16:50