OaApp之日历篇
日历功能
功能介绍:日历可收缩,由月日历转换为周日历,日历左右滑动时,若当前为月日历,切换月份,若当前为周日历,切换星期。
1.调用示例
2.calendar 属性说明
属性名 |
类型 |
默认值 |
说明 |
monthDate |
Array |
[ ] |
月份信息 |
monthDotList |
Array |
[ ] |
打点信息 |
taskAll |
Array |
[ ] |
日程数据 |
dot |
Array |
[ ] |
打点数据 |
monthDateItem |
Array |
[ ] |
服务接口日程数据 |
is_fold |
Boolean |
true |
月日历周日里切换按钮 |
intertemporal |
Boolean |
true |
跨月创建日程标识 |
isWeek |
Boolean |
false |
是否是周日历标识 |
expires |
Boolean |
false |
日程过期时间标识 |
newExpires |
Boolean |
fasle |
更新过期时间 |
showBgFalg |
Boolean |
true |
周日历月日历切换显示背景标识 |
2.1 calendar 容器组件 属性说明
属性名 |
类型 |
默认值 |
说明 |
transition |
Boolean |
false |
是否显示动画 |
can_change_mode |
Boolean |
true |
是否可以改变移动方式 |
isMoveEnd |
Boolean |
false |
是否结束切换 |
calendarHeight |
Number |
-100 |
日历的高度 |
move_start_x |
Number |
0 |
开始移动的位置x轴 |
move_start_y |
Number |
0 |
开始移动的位置y轴 |
move_mode |
Number |
1 |
移动方式,1左右移动,2上下移动 |
line_num |
Number |
0 |
选中或今天是第几行的周 |
3. calendar事件说明
事件名 |
说明 |
changeIndex |
月份切换或周切换 |
backUnflod |
日历收缩 |
backFold |
日历收缩 |
backToday |
返回今天 |
chooseDay |
选取日期 |
3.1calendar 容器组件 事件说明
事件名 |
说明 |
moveStart |
开始移动 |
move |
移动 |
moveEnd |
移动结束 |
4.Calendar 方法说明
方法名 |
说明 |
getWeek |
创建周日历数据 |
getMonth |
创建月历数据 |
4.1Calendar 容器组件方法说明
方法名 |
说明 |
move_init |
初始化日历 |
move_change |
移动日历 |
calc_line_num |
计算选取日期所在行 |
预览: