# Calendar 时间段选择
comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置。
【采用comp方式渲染,选择时间段，2个输入框】
doubleDateDiv
▼显示代码
【采用comp方式渲染,选择时间段，单个输入框】
doubleDateDiv
▼显示代码
【采用comp方式渲染,选择时间段，2个输入框,带时分选择】
doubleDateDiv
▼显示代码
【采用对象方式渲染,选择时间段】
doubleDateDiv
▼显示代码
# CtpUiDateRange 日历参数列表
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 控件类型 | string | CtpUiDateRange | |
| pattern | 展示类型 | string | date/year/month | date |
| ifFormat | 日期格式 | string | %Y-%m-%d %H:%i 传入了时分的时候才可以选择时、分钟没有传默认不显示 | %Y-%m-%d |
| twoInput | 是否生成2个输入框 | boolean | false/true | false |
# 方法列表
| 方法名 | 说明 | 参数 1 | 参数 2 |
|---|---|---|---|
| setDateValues | 设置开始、结束时间 | doubleDateDiv.setDateValues({startDate:'2019-11-28 10:30',endDate:'2019-12-28 10:30'}); | |
| getDateValues | 获取开始、结束时间 | doubleDateDiv.getDateValues();返回格式为：{startDate:'2019-11-28 10:30',endDate:'2019-12-28 10:30'} | |
| getStartDate | 获取开始时间 | ||
| getEndDate | 获取结束时间 | ||
| 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 |
▼显示代码