NumberPicker 数字输入框

使用场景:数字选择器,并对输入的数据做正确性检查、自动订正。

基本用法

onChange 第一个参数是输入框 value, 第二个参数 e.Event 事件对象。editable 属性设置是否可输入。disabled 禁止输入, type 属性来设置按钮摆放位置,max 、min 设置 最大值和最小值,step 属性设置每一次变化的步长。

Loading demo...

APIs

NumberPicker

参数说明类型默认值
size大小

可选值:
'large', 'medium'
Enum'medium'
type设置类型

可选值:
'normal'(普通)
'inline'(内联)
Enum'normal'
value当前值Number-
defaultValue默认值Number-
disabled是否禁用Boolean-
step步长Number/String1
precision保留小数点后位数Number0
editable用户是否可以输入Booleantrue
autoFocus自动焦点Boolean-
onChange数值被改变的事件

签名:
Function(value: Number, e: Event) => void
参数:
value: {Number} 数据
e: {Event} DOM事件对象
Functionfunc.noop
onKeyDown键盘按下

签名:
Function() => void
Functionfunc.noop
onFocus焦点获得

签名:
Function() => void
Function-
onBlur焦点失去

签名:
Function() => void
Functionfunc.noop
onCorrect数值订正后的回调

签名:
Function(obj: Object) => void
参数:
obj: {Object} {currentValue,oldValue:String}
Functionfunc.noop
max最大值NumberInfinity
min最小值Number-Infinity
format格式化当前值

签名:
Function(value: Number) => String/Number
参数:
value: {Number} null
返回值:
{String/Number} null
Function-
upBtnProps增加按钮的propsObject-
downBtnProps减少按钮的propsObject-
label内联 labelReactNode-
innerAfterinner afterReactNode-
isPreview是否为预览态Boolean-
renderPreview预览态模式下渲染的内容

签名:
Function(value: number) => void
参数:
value: {number} 评分值
Function-
device预设屏幕宽度

可选值:
'phone', 'tablet', 'desktop'
Enum-
hasTrigger是否展示点击按钮Booleantrue
alwaysShowTrigger是否一直显示点击按钮(无须hover)Booleanfalse

Demo

不可直接输入

Loading demo...

最大最小值

Loading demo...

步长

Loading demo...

大小

Loading demo...

不可用

Loading demo...