OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务10-4 开发自定义的时间弹窗.pptxVIP

任务10开发自定义的时间弹窗项目2走近ArkTS声明式开发

完成任务达成的技能目标01任务描述02技能目标本任务使用滑动文本/日期/时间选择器组件、自定义的弹窗组件和状态变量@Observed和@ObjectLink，实现自定义时间弹窗的开发。能正确使用滑动文本选择器组件1能正确使用滑动日期选择器组件2能正确使用滑动时间选择器组件3能实现自定义弹窗组件的开发4能实现时间弹窗的开发5

任务实施步骤STEPS实现时间弹窗3定义日期/时间类1实现自定义的弹窗2验证日期和时间的选择4

定义日期/时间类01任务实施

定义日期/时间类本任务使用到的时间数据有年月日时分，定义类ChangeDate用于记录时间数据，并用@Observed做装饰，类内定义相关数据和提供构造方法，并用exportdefault将该类导出。代码演示

实现自定义的弹窗02任务实施

实现自定义的弹窗①编写自定义的弹窗组件MyDialog；②在MyDialog弹窗组件内通过传入的标题来决定是选择日期还是时间，并在日期和时间的选择时间中获取选中的数据；③在MyDialog弹窗组件内用@ObjectLink装饰变量myDate，当在弹窗中获取到新的日期和时间数据时，能将改变后的日期和时间值更新回父组件Index中，从而实现数据的同步显示；④在弹窗的确定和取消按钮中关闭弹窗；在选择取消弹窗时父组件的日期和时间要还原未选