实现日程添加功能鸿蒙示例代码原创

鸿蒙场景化示例代码技术工程师

发布于 2025-2-27 16:54

浏览

0收藏

本文原创发布在华为开发者社区。

介绍

本示例通过集成日历kit将选课提醒加入日程，使用日历一键查看能力拉起目标页面。

实现日程添加功能源码链接

效果预览

实现日程添加功能鸿蒙示例代码-鸿蒙开发者社区

使用说明

注册日历一键查看服务：小艺开放平台-智慧服务-HarmonyOS服务开放平台-其他服务-创建服务。
进入应用，点击添加选课日程提醒按钮。
打开日历，显示添加的日程，点击可跳转到选课页面，在选课页面点击返回按钮可以返回首页。

实现思路

选课页面的构建

搭建一个简单的选课页面的示例页面，设置message提示消息，设置Button按钮，点击即可跳转至首页。

Row() {
        Text(this.message)
        }
        .height('80%')

      Row().height(100)
      Button('返回首页')
        .onClick(() => {
          router.replaceUrl({url: 'pages/Index'})
        })
    
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

实现添加日程功能

获取选课信息，构造函数queryCourseSelectInfo()，timePoint利用getTime()方法获取选课开放时间（即现在时间），示例将从开放时间设置为此刻开始以后一个小时内。

queryCourseSelectInfo() {
    this.timePoint = new Date().getTime() + 1000 * 60 * 60
}
1.
2.
3.

添加事件到日历中，形成一个日程，构造函数addEventToCalendar()，当现在应用还没有获取日历读写权限时，提示信息。

addEventToCalendar() {
if (!this.userGrant) {
    hilog.info(0x0000, TAG, '%{public}s', 'no calendar permission.');
    promptAction.showToast({ message: '请先申请日历读写权限' });
    return
}
···
}
1.
2.
3.
4.
5.
6.
7.
8.

当应用有日历读写权限时，构造日程事件，传入的参数为日程type、日程开始时间、日程结束时间、日程标题。

let calendar : calendarManager.Calendar | undefined = undefined;
const service: calendarManager.EventService = {
    type: calendarManager.ServiceType.TRIP,
    uri: 'coursedemo://huawei.edudemo.com/courseselect'
}
const event: calendarManager.Event = {
    type: calendarManager.EventType.NORMAL,
    startTime: this.timePoint - 60 * 60 * 1000,
    endTime: this.timePoint + 60 * 60 * 1000,
    title: '选课',
    service: service
};
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

将日程事件添加到日历中。使用addEvent将之前构造的event添加到日历中。

this.calendarMgr?.getCalendar().then((data: calendarManager.Calendar) => {
    calendar = data;
    calendar.addEvent(event, (err: BusinessError, data: number): void => {
        promptAction.showToast({
        message: '已将选课添加到日程提醒！'
        });
    });
})
1.
2.
3.
4.
5.
6.
7.
8.

构造函数requestCalendarPermission()，获取应用是否已经获取日历读写权限。

async requestCalendarPermission() {
let context = getContext() as common.UIAbilityContext;
let atManager = abilityAccessCtrl.createAtManager();
let grantStatus = await atManager.requestPermissionsFromUser(context, ['ohos.permission.READ_CALENDAR', 'ohos.permission.WRITE_CALENDAR']);
if(grantStatus.authResults[0] === 0) {
    this.userGrant = true;
    this.calendarMgr = calendarManager.getCalendarManager(context);
}
}
1.
2.
3.
4.
5.
6.
7.
8.
9.

©著作权归作者所有，如需转载，请注明出处，否则将追究法律责任

分类

标签

已于2025-2-28 14:50:20修改