# 日历 [TOC] ## 1. 效果展示 ![](https://img.kancloud.cn/59/8b/598be620376e5b8c788cb1e9d742d4ed_1282x731.png) ## 2. 添加日历 点击`“表单组件”`选择`“日历”`，即可添加日历 ![](https://img.kancloud.cn/65/90/65902243f744436fa52b43e1c0254b12_803x476.png) ## 3. 数据 ### 3.1 静态数据 * 使用静态数据时，可直接在静态数据输入框中，输入JSON ![](https://img.kancloud.cn/27/d2/27d2102d0e763ea9f97d1f39e604d15a_1310x835.png) * 日历JSON数据格式： ``` [ { "title": "座谈会", "start": "2022-03-11 11:32:33", "end": "2022-03-11 18:32:33", "color": "#000000", "allday": "0" }, { "title": "冬奥会", "start": "2022-03-04 11:32:33", "end": "2022-03-13 18:32:33", "color": "#4A90E2", "allday": "1" } ] ``` ### 3.2 动态数据 * 选择动态数据集，点击刷新即可展示数据 ![](https://img.kancloud.cn/3c/30/3c304af211709ecbaaa0f0d8ae0ab9e5_243x567.png) * 数据集配置 使用api数据集时，api接口直接返回数据，配置映射关系后即可使用，api数据格式同静态数据格式 ![](https://img.kancloud.cn/57/5b/575bdb897a44245e4e773dae6458bb70_1358x844.png) * 定时刷新(单位:秒) 配置秒数时，接口数据修改后，可自动刷新数据 ![](https://img.kancloud.cn/9d/b4/9db47fd237b9dc155ac27a00239b48df_239x97.png) ## 4. 属性(暂无) ## 5. 交互(暂无)