# 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 |
← TextArea 输入框 Badge 标记 →