基本示例
整数演示
浮点
键入一个数字以查看事件change和input事件之间的区别

input:
change:

以编程方式更改值val()

属性placeholder和required
禁用的

buttonsOnly模式和禁用autoInterval

在buttonsOnly不允许直接文本输入的模式下,文本输入获取属性readonly。但是加号和减号按钮仍然允许更改值。 autoInterval: undefined当您按住按钮时,还会禁用自动增加/减少。

动态处理class属性

尝试将类名更改为 "is-invalid" 或者 "text-info".

尺寸

动态处理min, max, step和data-decimals

前缀和后缀

循环值
自定义编辑器

RawEditor

最简单的自定义编辑器是RawEditor,它只呈现值并只解析值,没有任何更改,就像本机数字输入一样。没有国际化,没有数字分组。

TimeEditor

将TimeEditor数字呈现为以小时和分钟为单位的时间,以冒号分隔。

value:
自定义模板

你可以在模板中使用以下变量

  • ${groupClass}
  • ${textAlign}
  • ${buttonsWidth}
  • ${buttonsClass}
  • ${decrementButton}
  • ${incrementButton}