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

计算选取日期所在行

预览:

 
posted on 2022-08-25 10:20  紫叶嵋  阅读(42)  评论(0编辑  收藏  举报