跳到主要内容

日历

用于展示日期信息，可配合打卡、活动安排等场景使用。

何时使用​

  • 在页面中需要展示日历、日期、打卡等相关信息的场景
    例如：签到打卡界面、活动日程展示等

一、属性​

1. 数据源​

支持以下三种数据绑定方式：

  • 接口绑定
  • 数据绑定
  • 模型绑定

详见：数据绑定

数据源配置示意

2. 数据设置​

数据配置入口

1）日期绑定​

绑定显示的日期参数，作为当前显示的日期。

日期绑定示意

2）日程名称​

为指定日期绑定日程名称，用于显示在日历项上。值通过数据绑定获得。

3. 功能配置​

1）是否展示标题​

可配置是否显示日历顶部的标题（年月），默认开启。

标题开关示意

2）显示范围​

可自定义显示的日历范围：

  • 默认展示未来六个月
  • 支持设置最小日期和最大日期作为限制边界

显示范围设置
最小最大日期配置

3）月份水印​

控制是否显示月份背景水印。
默认开启，关闭后界面更简洁。

月份水印设置
水印对比效果

4. 外观​

支持设置日历的主题色。

外观配置入口

主题色设置支持：

  • 手动赋值
  • 数据绑定
  • 组件绑定
  • 视图参数

详见：数据绑定

以下为不同主题色效果：

主题色示例1
主题色示例2

5. 状态​

无特殊状态，详见：通用状态

二、样式​

无特殊样式配置，详见：通用样式

三、常见使用场景​

1. 营销/节日活动展示关键日期​

例如：展示促销周期、节假日提醒等

活动展示场景

2. 打卡类功能​

例如：用于学习、健身、任务等打卡记录展示
可结合签到日期、完成状态高亮显示