Range范围输入模块
Range模块可实现单滑块和双滑块的范围选择,支持冻结功能,支持使用标尺,完美替代原生range组件。
简单使用
对div
或input
节点使用ax-range
属性即可创建一个普通的0~100
的范围滑块。
- 输出
- HTML
使用id+new
形式也可以创建范围滑块。
- 输出
- HTML
- JS
-
-
-
new ax.Range('#demo')
递增和递减
如果需要显示递增和递减按钮可设置参数button:true
或button.enable:true
。
- 输出
- HTML
参数button原本是一个对象,除了enable属性,还有如下如下:
- step:步进,默认值为1,与参数step相同
- decrease:递减按钮的html内容,默认为减号图标
- increase:递增按钮的html内容,默认为加号图标
- 输出
- HTML