# Calendar 日历
comp渲染,必须申明class为comp 然后在comp里面添加相应的参数配置。 如果是comp方式渲染的对象,通过 $("#input_obj").attrObj("_CtpUiCalendarObj");方式来获取对象
【采用comp方式渲染】
由input渲染
▼显示代码
【采用input对象方式渲染】
由input渲染
▼显示代码
【采用div对象方式渲染,直接展示在页面上】
▼显示代码
【采用comp方式渲染,选择年】
由input渲染
▼显示代码
【采用对象方式渲染,选择年】
由input渲染
▼显示代码
【采用comp方式渲染,选择月】
由input渲染
▼显示代码
【采用对象方式渲染,选择月】
由input渲染
▼显示代码
# CtpUiCalendarObj 日历参数列表
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 控件类型 | string | CtpUiCalendarObj | |
pattern | 展示类型 | string | date/year/month | date |
ifFormat | 日期格式 | string | %Y-%m-%d %H:%i | |
twoInput | 是否生成2个输入框 | boolean | false/true | false |
# 方法列表
方法名 | 说明 | 参数 1 | 参数 2 |
---|---|---|---|
hide | 隐藏日历 | ||
show | 显示日历 | ||
setDate | 设置日期 | date对象 | |
initDate | 初始化日期方法 | date对象 | |
setErrorState | 设置错误提醒信息 | 错误内容,例子 mycalObj.setErrorState("错误发生了"); | |
clearErrorState | 清空错误提示信息 | ||
setDisabled | 设置日历不可以操作 | 例子 mycalObj.setDisabled(true); | |
attachEvent | 注册方法 | eventName[方法名] | fun[回调函数] |
detachEvent | 销毁方法 | eventName[方法名] | |
destory | 销毁组件 |
▼显示代码
# event事件列表
eventName | 参数 1 | 参数2 |
---|---|---|
onClick | date | |
onBeforeChange | date | |
onChange | date | state |
▼显示代码