2017-01-17 60 views
0

我正在使用离子Rangeslider MomentJS。 (http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.htmlIonRangeSlider momentJS步骤问题

我有滑块和工作,现在我想每15分钟添加“步”,0-24小时,即我应该能够在15-24分钟间隔之间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

如果您的最小,最大,从几秒钟内设置,那么您必须以秒为单位设置间隔。

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方法,将在几秒钟内返回时间。