时间选择(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