时间选择(TimePicker)
功能说明
该控件用于显示时间。
HTML5
<input id="timepicker0" minute="20" hour="10" type="timepicker"/>
属性列表
| 属性名 | 属性值 | 说明 |
|---|---|---|
| value | 仅支持get,最终可用获得的时间类型(HH:mm:ss) | |
| hour | 10 | 显示时信息 |
| minute | 12 | 显示分信息 |
| timestyle | AM/PM | 显示时间规则(AM为上午;PM为下午;不设置或传入空值为24小时) |
| bindfield | 控件绑定字段 |
支持公共属性
参见公共属性说明
事件列表
| 事件名 | 说明 |
|---|---|
| onchange | 日期控件内容改变时触发的事件 |
支持公共事件
参见公共事件说明
实例
1、对控件进行操作
<input id="timepicker0" minute="20" hour="10" type="timepicker"/>
//获取时间控件当前显示值$id("timepicker0").get("value");//设置小时$id("timepicker0").set("hour", "11");$id("timepicker0").get("hour");//设置分钟$id("timepicker0").set("minute","30");$id("timepicker0").get("minute");
2、onchange事件的使用
<input id="timepicker0" minute="20" hour="10" type="timepicker" onchange="change()"/>
function change(sender, args){var v = $id("timepicker0").get("value");$alert("当前时间控件时间:"+v);//结果为: 当前时间控件时间:10:20}
文档更新时间: 2018-01-15 14:30