鸿蒙UI开发——日历选择器

最新推荐文章于 2025-09-14 11:04:46 发布

原创

最新推荐文章于 2025-09-14 11:04:46 发布 · 1.4k 阅读

CC 4.0 BY-SA版权

文章标签：

1、概述

在项目开发中，我们时常会用到日历选择器，效果如下：

ArkUI已经为我们提供了组件，我们可以直接使用，下面针对日历组件做简单介绍。

接口定义如下：

// 定义日历选择器弹窗并弹出。static show(options?: CalendarDialogOptions)

其中CalendarDialogOptions，是入参可选参数。属性定义如下：

名称	类型	说明
onAccept	(value: Date) => void	点击弹窗中的“确定”按钮时触发该回调。value：选中的日期值。
onCancel	() => void	点击弹窗中的“取消”按钮时触发该回调。
onChange	(value: Date) => void	选择弹窗中日期使当前选中项改变时触发该回调。value：选中的日期值。
backgroundColor	ResourceColor	弹窗背板颜色。默认值：Color.Transparent 说明：当设置了backgroundColor为非透明色时，backgroundBlurStyle需要设置为BlurStyle.NONE，否则颜色显