Range范围输入模块

Range模块可实现单滑块和双滑块的范围选择,支持冻结功能,支持使用标尺,完美替代原生range组件。

简单使用

divinput节点使用ax-range属性即可创建一个普通的0~100的范围滑块。

  • 输出
  • HTML
  •                 
                    
                

使用id+new形式也可以创建范围滑块。

  • 输出
  • HTML
  • JS
  •                 
                    
                
  •                 
                    new ax.Range('#demo')
                    
                

递增和递减

如果需要显示递增和递减按钮可设置参数button:truebutton.enable:true

  • 输出
  • HTML
  •                 
                    
                

参数button原本是一个对象,除了enable属性,还有如下如下:

  • step:步进,默认值为1,与参数step相同
  • decrease:递减按钮的html内容,默认为减号图标
  • increase:递增按钮的html内容,默认为加号图标
  • 输出
  • HTML
  •