组件展厅与 AI 技能指南已上线,详见更新日志查看更新日志 →

Calendar

稳定表单galleryId: calendar

主路径:本站远程 Kuikly H5 可点演示。真机验收 = Gallery APK。设计稿图仅作版式对照。

守赚 UI 是业务组件库与主题体系;依赖官方跨端渲染,不替代官方引擎。

返回组件索引

在线交互演示

远程嵌入 Kuikly H5 预览(证明 H5,不代表 Android/iOS/鸿蒙)。宿主能力可能降级。Android 真机请扫 https://apk-dl.zrlmeng.com/ui.apk。

新标签打开
远程 Kuikly H5

Props 参数规范

Kotlin
NameType说明
selectedDateAppCalendarDate?选中日
onDateChange(AppCalendarDate) → Unit选中回调
localeHintString时区提示(北京时间)

契约对齐 platform-design App*;须在真机 Gallery 验证。

用法示意

Kotlin / Kuikly Compose
AppCalendar(
  selectedDate = selected,
  localeHint = "北京时间",
  onDateChange = { /* Gallery Story */ },
)
设计稿对照(非 Demo)宽屏 · 窄屏

静态 screen.png 仅作版式对照,不可点。交互请用上方「在线交互演示」。

Calendar · wide
宽屏 · ui_site_component_detail_calendar
Calendar · narrow
窄屏 · ui_site_component_detail_calendar