# TimePicker 时间选择器

comp渲染,必须申明class为comp 然后在comp里面添加相应的参数配置。 如果是comp方式渲染的对象,通过 $("#input_obj").attrObj("_CtpUiTimeSelect");方式来获取对象

【采用comp方式渲染】

由input渲染
显示代码


【采用input对象方式渲染】

时间选择
显示代码


【采用comp方式渲染,选择HH:mm 格式】

由input渲染
显示代码


【采用对象方式渲染,选择 HH:mm 格式】

timeSelect
显示代码


【采用comp方式渲染,选择时间段】

由input渲染
显示代码


【采用对象方式渲染,选择时间段 】

timeSelect
显示代码


【采用comp方式渲染,选择时间段 HH:mm 格式】

由input渲染
显示代码


【采用对象方式渲染,选择时间段 HH:mm 格式】

timeSelect
显示代码


#

# 参数列表

参数 说明 类型 可选值 默认值
type 控件类型 string CtpUiTimeSelect
options 参数 JSON 自定义 null
---------- format 时间的格式 string HH:mm:ss/HH:mm
---------- pattern 显示类型 string time/timerange
---------- containerId 出现滚动条的容器,如果是document.body出现滚动 则不需要进行设置 string 自定义
---------- placement 显示下拉区域 string bottom,top 组件计算后决定显示位置
---------- beforeShow 显示隐藏下拉菜单前的回调方法 function


#

# 方法列表

方法名 说明 参数 1 参数 2
attachEvent 注册方法 eventName[方法名] fun[回调函数]
detachEvent 销毁方法 eventName[方法名]
destory 销毁组件
getActiveItem 获取当前选中的item type['min','hour','second'] num值

#

# event事件列表

eventName 参数 1 参数2
onClick date
onBeforeChange date
onChange date state