Appearance
日历
概述
用户可以通过日历卡片的形式,展示指定数据表的数据信息。
设置项
设置项 | 说明 |
---|---|
数据表 | 选择卡片的数据来源。 |
过滤器 | 设置被统计进该卡片的数据过滤条件。 |
数据量 | 设置被统计进该卡片的数据数量。 |
排序字段 | 设置展示数据的排序方式。 |
标题字段 | 设置日历中展示的标题名称。 |
开始时间字段 | 设置日历中事件的开始时间,数据表中需含有日期 类型的字段。 |
结束时间字段 | 设置日历中事件的结束时间,数据表中需含有日期 类型的字段。 |
展示时间信息 | 配置日历中是否展示时间信息。 |
默认维度 | 配置日历默认展示的时间维度。 选项: 月 、周 、天 、列表 |
点击事件后打开表单页面 | 配置后点击事件后可打开表单页面弹窗,展示具体的事件信息 |
记录展示样式 | 通过条件来控制日历中的事件样式。 样式: 背景色 、文字颜色 、加粗 、斜体 、中划线 、下划线 、样式表达式 |
样式表达式
支持通过表达式
的方式进行CSS属性的计算,并返回一个JS对象。对应的JS对象,Key为驼峰式CSS属性名,Value为Key对应CSS属性值的字符串。如设置字体大小为20像素:
js
{
fontSize: "20px"
}
使用场景
通常用于需要组织和管理时间的场景。下文以课程表作为示例。
效果图
配置方式
当课程管理
中包含课程名称
、开课时间
、结课时间
字段后,我们可以基于表内数据数据来配置课程表。
- 卡片配置