codecamp

React EasyUI 时间微调框

时间微调框( TimeSpinner )是基于微调器( Spinner )创建的组件。 时间微调框( TimeSpinner )允许用户通过点击组件右侧的小微调按钮来增加或者减少时间。

属性列表

名称 数据类型 作用描述 默认值
value string 字段值。 null
min string 最小允许时间。 null
max string 最大允许时间。 null
increment number 单击微调按钮时增加值。 1
highlight number 初始化突出显示的字段,0 =小时,1 =分钟 0
format string 时间格式。 HH:mm

注:
- 继承: SpinnerBase 。

使用方法

<Label htmlFor="t1" align="top">Start Time:</Label>
<TimeSpinner inputId="t1" value={time1} onChange={(value) => this.setState({ time1: value })}></TimeSpinner>
React EasyUI 日期框
React EasyUI 日期时间微调框
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

React EasyUI 教程总览

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }