我正在使用带有MomentJS的离子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的新手,真的很感谢你的帮助。
答案 0 :(得分: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方法以秒为单位返回持续时间。