五、交互行为(04):日历
日历组件是一种日期显示和选择工具,采用网格布局呈现日期。主要应用于表单日期选择、数据分析的日期范围筛选以及倒计时功能
·
视频链接:哔哩哔哩
日历是一种用于显示和选择日期的小部件,通常由一个网格或列表组成,每个格子代表一个日期。
应用场景
- 日期选择:在表单或设置页面中,日历可以用于选择日期。用户可以通过点击日历上的格子来选择一个日期,从而完成日期输入。
- 日期范围选择:在数据分析和可视化工具中,日历可以用于选择数据范围。用户可以通过拖动日历上的格子来选择一个日期范围,从而筛选出符合条件的数据。
- 倒计时:在倒计时或提醒应用程序中,日历可以用于显示倒计时。用户可以在日历上设置一个目标日期,并查看距离目标日期的天数。
常用属性
| 属性 | 作用 | 默认值 |
|---|---|---|
| 日期描点列表 | 设置日历描点,在指定日期上描点,支持变量绑定 | |
| 选中背景颜色 | 设置日历的选中背景颜色 | #FF5C6BC0 |
| 行高 | 设置日历的行高 | 52 |
| 标记颜色 | 设置日历的标记颜色 | #FF4CAF50 |
| 标记大小 | 设置日历的标记大小 | 8 |
| 星期视图 | 开启后,则只展示当前周的日历天数 | false |
| 显示头部 | 关闭后,则不展示日历头部 | true |
| 周一开始 | 开启后,日历从周一开始,默认从周日开始 | false |
| 显示格式按钮 | 开启后,日历右上角会出现一个按钮,点击可进行切换格式 | false |
| 标题文本样式 |
参考文本 |
|
| 星期文本样式 |
参考文本 |
|
| 日期文本样式 |
参考文本 |
|
| 选中日期文本样式 |
参考文本 |

更多推荐
所有评论(0)