2017-01-17 5 views
0

私はMomentJSでion Rangesliderを使用しています。 (http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.htmlIonRangeSliderモーメントJSステップの問題

私はスライダーを稼働させていますが、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の初心者です、本当にあなたの助けに感謝します。

答えて

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の場合、動作時間は秒単位で返されるかもしれません。