codecamp

React EasyUI 日期时间微调框

日期事件微调框( DateTimeSpinner )扩展自时间微调框( TimeSpinner )。 日期事件微调框( DateTimeSpinner )允许用户使用微调按钮调整指定的字段。

属性列表

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

注意:
- 继承: TimeSpinner 。

使用方法

<Label htmlFor="t1" align="top">开始:</Label>
<DateTimeSpinner
    inputId="t1"
    value={time1}
    onChange={(value) => this.setState({ time1: value })}
/>
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; }