更新记录

1.0.0（2024-07-04） 下载此版本

日历提醒第一版

平台兼容性

bw-calendar-event

uni-app App日历提醒(ios)

开发文档

UTS 语法 UTS API插件 UTS 组件插件 Hello UTS

使用介绍

插件声明 本插件纯属个人研究开发，并不能保证稳定性，只是给大家一个思路, uts、ts和iOS原生语法基本上都不太了解。

大家可以参考下源码，根据自身业务改动源码

1. 使用 HBuilderx 导入插件，在相关文件中引入插件

2. (注意) 云端打包自定义基座

<template>
    <view class="content">
            <button @click="handleGet">查询提醒</button>
            <button @click="handleAddCalendar">创建提醒</button>
            <view class="list">
                <view v-for="(item, index) in list" :key="item.eventId" class="list-item">
                    {{ item.title }}
                    <button @click="removeEvent(item, index)">删除</button>
                </view>
            </view>
        </view>
</template>

<script>
    import {
        createEventCalendar,
        removeEventCalendar,
        getEventCalendar
    } from '@/uni_modules/bw-calendar-event';
    import {
        onMounted,
        ref
    } from 'vue'
    const list = ref([])

    function getCalendarList() {
        // 查询当前时间到未来一年内的提醒
        getEventCalendar((events) => {
            list.value = JSON.parse(events)
            console.log(list.value);
        })
    }

    onMounted(() => {
        getCalendarList()
    })

    function removeEvent(item, index) {
        removeEventCalendar({
            idfer: item.eventId,
            success: (e) => {
                console.log('删除成功', e);
                list.value.splice(index, 1)
            },
            fail: (e) => {
                console.log('删除失败', e);
            }
        })
    }

    function handleAddCalendar() {
        const title = `日历提醒_${Math.floor(Math.random() * 100)}`
        //日期格式yyyy-mm-dd MM:hh:ss
        createEventCalendar({
            title: title,
            notes: '日历提醒备注',
            startDate: '2024-07-04 10:00:10',
            endDate: '2024-07-04 13:00:10',
            alarmOffset: [-60 * 15],
            isAllDay: false,
            weeks: [],
            success: (e) => {
                console.log(e);
                getCalendarList()
            },
            fail: (e) => {
                console.log(e);
            }
        })
    }
</script>

3. 方法说明

   createEventCalendar

removeEventCalendar

getEventCalendar(callback)

callback参数示例

{
"notes": "日历提醒备注",
"title": "日历提醒_40",
"endDate": "2024-07-04T13:00:10+0800",
"eventId": "BDAF720F-E341-46F8-851F-FE7F5A5DFD10:E26564A5-3AE8-4D41-982C-27A348B15F17",
"startDate": "2024-07-04T10:00:10+0800",
"rules": []
} 

鼓励作者

如果你觉得插件有帮到你，并且解决了你的问题。可以赞赏一下，你的鼓励会更有动力，感谢！。