跳到主要内容

日历

日历组件,支持年月切换、日期内容插槽等配置

何时使用

  • 需要展示日历时
  • 需要按日期展示一些活动、数据时

功能演示

常规使用

常规使用

日历插槽

打开日历配置高级选项中的「日期内容插槽」,会在当前日期框内出现一个插槽。此时可以加入自定义内容组件,然后配置数据源,即可在各日期展示对应的数据。 下面实现一个小需求:每个日期框里用红色粗体显示当前日期

自定义日期内容

打开日期内容插槽,加入文本,设置粗体红色 日期内容

日期数据绑定

在交互面板中选中日历插槽,即可从当前日期端口拿到日期字符串,经过处理后设置到文本上。如果另外还有带日期的数据源,同样可以通过日期取值,并设置到对应的内容组件上。 日期数据绑定

最终效果: 效果