日历

更新时间:2025-01-17 03:36:24

简介

日历组件是一个用于显示和选择日期的界面元素,允许用户方便地查看日程、安排活动和进行日期选择。

image

配置项

分类

配置

示例

说明

分类

配置

示例

说明

内容

事件列表

image

日历组件的时间列表,支持映射模式。

当前日期

image

当前选中的日期

展示模式

image

日历的展示模式

交互

隐藏

image

控制日历的默认展示状态,为true 时将隐藏展示日历。

样式

高度

image

详情参见通用属性

外边距

image

详情参见通用属性

全屏模式

image

是否全屏显示日历组件

CSS 样式

日历背景色

image

日历部分的背景色

日历头部面板背景色

image

日历头部面板的背景色

日期项悬浮背景色

image

鼠标悬浮到日期项的背景色

日期项选中背景色

image

日期项选中时的背景色

事件激活态背景色

image

点击事件后事件的背景色

属性与方法

名称

类型

示例

说明

名称

类型

示例

说明

eventList

array

calendar1.eventList

只读,日历组件的事件列表

value

string

calendar1.value

日历组件的当前日期

highlightEventId

string

calendar1.highlightEventId

日历组件的高亮事件 ID

setValue

func

calendar1.setValue(new Date('2025-01-06'))

设置日历组件当前日期为2025-01-06

clearValue

func

calendar1.clearValue()

清除日历组件的当前日期

事件回调

配置

说明

配置

说明

image

日期改变时将要触发的事件

image

在日历模式改变时将触发的事件

image

选中日期时将触发的事件

  • 本页导读
  • 简介
  • 配置项
  • 属性与方法
  • 事件回调