时间选择(TimePicker)

功能说明

该控件用于显示时间。

HTML5

  1. <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、对控件进行操作

  1. <input id="timepicker0" minute="20" hour="10" type="timepicker"/>
  1. //获取时间控件当前显示值
  2. $id("timepicker0").get("value");
  3. //设置小时
  4. $id("timepicker0").set("hour", "11");
  5. $id("timepicker0").get("hour");
  6. //设置分钟
  7. $id("timepicker0").set("minute","30");
  8. $id("timepicker0").get("minute");

2、onchange事件的使用

  1. <input id="timepicker0" minute="20" hour="10" type="timepicker" onchange="change()"/>
  1. function change(sender, args){
  2. var v = $id("timepicker0").get("value");
  3. $alert("当前时间控件时间:"+v);//结果为: 当前时间控件时间:10:20
  4. }
文档更新时间: 2018-01-15 14:30