我正在使用 ion Rangeslider 和 MomentJS。 ( http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html )
我已经将 slider 打开并工作,现在我想在 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 方法会返回以秒为单位的持续时间。
关于javascript - IonRangeSlider momentJS步进问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41707432/