新建日程管理

场景介绍

新建日程管理是便捷生活类应用中高频使用场景之一，如用户需要新建日程记录未来重要会议、活动、行程等事项。

本示例通过DateTimePicker组件实现日期和时间的同时展示与不循环滚动功能。

效果预览

实现思路

收起

自动换行

深色代码主题

复制

// 不循环滚动实现TextPicker() .canLoop(picker.option?.isLoop ?? false)// PromptAction弹窗export function dateTimePickerDialog() { uiContext.getPromptAction().openCustomDialog(contentNode, dialogOptions);}// 创建弹窗openDateTimePicker = (isStart: boolean, onConfirm: (selectedDate: Date) => void) => { dateTimePickerDialog(this.getUIContext(), { data: { resultCb: (selectedDate: Date) => { }, } } as DateTimePickerParam, this.txt, { });}

约束与限制

工程目录

收起

自动换行

深色代码主题

复制

├──dateTimePicker/src/main/ets // har包类型│ ├──common│ │ └──Constants.ets // 常量定义│ ├──dialog│ │ └──DateTimePickerDialog.ets // 日期时间选择器弹窗 │ ├──interface│ │ └──DateTimePickerInterface.ets // 日期时间选择器参数接口 │ ├──utils│ │ ├──DateTimeBase.ets // 日期时间基类│ │ ├──DateTimeRange.ets // 日期时间范围│ │ └──DateTimeSolar.ets // 日期时间公历类│ └──pages│ └──DateTimePicker.ets // 日期时间选择器├──dateTimePicker/src/main/resources // 应用资源目录├──entry/src/main/ets // 代码区│ ├──common│ │ └──Constants.ets // 常量│ ├──entryability│ │ └──EntryAbility.ets │ └──pages│ └──NewSchedule.ets // 主页└──entry/src/main/resources // 应用资源目录

网址：新建日程管理 https://www.yuejiaxmz.com/news/view/1125485

相关内容

随便看看