jQuery UI Spinner 小部件完整参考

介绍

jQuery UI Spinner 是一个基于 jQuery UI 的小部件，它可以用于数字输入框，可以控制输入框的值增减。也支持任意自定义的范围、步长和格式。

参数

参数 | 说明 ---|--- culture | 用于本地化的语言代码，例如“en-US”、“zh-CN”等 disabled | 是否禁用输入框 icons | 按钮上的图标设置 incremental | 在拖动或按住箭头按钮时输入值的增量 max | 可以输入的最大值 min | 可以输入的最小值 numberFormat | 数字的格式化方式 page | 在键盘页面向上/向下键按下时输入的增量 step | 在键盘箭头上/下按下时输入的增量 spin | 改变值时触发的回调函数

事件

事件 | 说明 ---|--- create | 在小部件创建时触发的事件 start | 在用户开始输入数据之前触发 spin | 任何时候更新值时都会触发 increase | 当点击增加箭头时触发 decrease | 当点击减少箭头时触发 stop | 在用户完成输入数据时触发

方法

方法 | 说明 ---|--- widget | 获取 jQuery 对象 value | 获取或设置当前值 enable | 启用输入框 disable | 禁用输入框 pageUp | 增加输入框的值 (page 属性的值) pageDown | 减少输入框的值 (page 属性的值) stepUp | 增加输入框的值 (step 属性的值) stepDown | 减少输入框的值 (step 属性的值) destroy | 销毁小部件

示例

HTML

<div id="spinner"></div>

JavaScript

$("#spinner").spinner({
  min: 0,
  max: 10,
  step: 2
});

参考文献

• jQuery UI Spinner documentation