嗨

有几种方法可以做到这一点。 这是一个

 sap.ui.define（[" sap/m/RangeSlider"，
                " sap/m/ResponsiveScale"，
                " sap/ui/model/json/JSONModel"
 ]，函数（RangeSlider，ResponsiveScale，JSONModel）{


   var oRangeSlider = new RangeSlider（{
     max：" {ticks>/max}"，
     min：" {ticks>/min}"，
     value2：" {ticks>/value2}"，
     值：" {ticks>/value1}"，
     enableTickmarks：是的，
     规模：新的ResponsiveScale（{
       刻度标记之间的标签：1
     }）
   }）;
   oRangeSlider.addDelegate（{
     onAfterRendering：function（）{
       var $ this = this。$（）;
       var month = this.getModel（" ticks"）。getProperty（"/img/month"）;
       $ this.find（"。sapMSliderLabel"）。each（function（i，label）{
         var v = $（label）.text（）;
         $（label）.text（month +"-" + v）;
       }）;
     }
   }，oRangeSlider）;
  
   oRangeSlider.setModel（new JSONModel（{
     最多：10，
     最小值：1
     月："七月"，
     值1：2
     值2：5
   }），"滴答声"）；
   oRangeSlider.placeAt（" content"）;
 }）;
 

https://jsbin.com/wopurip/edit?js,output

谢谢

丹尼斯

您是否考虑过使用日期范围选择？

>，因为已弃用...

DateRangeSelection 是已弃用的DateRange Slider 的后继者。 请考虑使用新的预期控件，而不是扩展RangeSlider。