微信小程序向系统日历添加事件(提醒)实现

这篇具有很好参考价值的文章主要介绍了微信小程序向系统日历添加事件(提醒)实现。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

直接上代码

// pages/calendar/calendar.js

Page({
  // 点击添加日程按钮
  handleAddCalendar() {
    wx.getSetting({
      success(res) {
        // 判断是否已经授权
        if (!res.authSetting['scope.writePhotosAlbum']) {
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() {
              // 用户已授权,调用添加日程 API
              wx.addPhoneCalendar({
                title: '会议', // 日程标题,必填项
                startTime: new Date('2023/04/15 09:00').getTime()/1000, // 日程开始时间,必填项
                endTime: new Date('2023/04/15 12:00').getTime()/1000, // 日程结束时间,必填项
                location: '北京市朝阳区东三环北路', // 日程地点,非必填项
                notes: '请大家准时参加会议', // 日程备注,非必填项
                success(res) {
                  console.log(res) // 日程添加成功的回调函数
                  wx.showToast({
                    title: '添加日程成功',
                    icon: 'success',
                    duration: 2000
                  })
                },
                fail(res) {
                  console.log(res) // 日程添加失败的回调函数
                  wx.showToast({
                    title: '添加日程失败',
                    icon: 'none',
                    duration: 2000
                  })
                }
              })
            },
            fail() {
              // 用户拒绝授权,提示用户授权
              wx.showToast({
                title: '请先授权',
                icon: 'none',
                duration: 2000
              })
            }
          })
        } else {
          // 已经授权,调用添加日程 API
          wx.addPhoneCalendar({
            title: '会议', // 日程标题,必填项
            startTime: new Date('2023/04/15 09:00').getTime()/1000, // 日程开始时间,必填项
            endTime: new Date('2023/04/15 12:00').getTime()/1000, // 日程结束时间,必填项
            location: '北京市朝阳区东三环北路', // 日程地点,非必填项
            notes: '请大家准时参加会议', // 日程备注,非必填项
            success(res) {
              console.log(res) // 日程添加成功的回调函数
              wx.showToast({
                title: '添加日程成功',
                icon: 'success',
                duration: 2000
              })
            },
            fail(res) {
              console.log(res) // 日程添加失败的回调函数
              wx.showToast({
                title: '添加日程失败',
                icon: 'none',
                duration: 2000
              })
            }
          })
        }
      }
    })
  }
})

使用 wx.addPhoneCalendar 需要满足以下前置条件:

  1. 微信版本支持:wx.addPhoneCalendar 是微信小程序的 API,只有在微信版本号大于等于 6.6.6 的环境下才能使用。

  2. 用户授权:在用户手机的日历中添加日程需要获取用户授权,用户需要在小程序中点击授权按钮才能进行操作。授权按钮可以通过 <button open-type="openSetting"> 组件实现。

  3. 合法域名:使用 wx.addPhoneCalendar 的小程序必须在小程序管理后台配置合法域名,包括 wx.addPhoneCalendar 的调用域名和日历服务域名。在开发阶段可以使用开发者工具自带的“不校验合法域名、Web-view(业务域名)、TLS 版本以及 HTTPS 证书”选项进行调试。

注意:由于用户的隐私安全问题,小程序只能添加到用户选择的日历中,无法选择具体的日历。getTime()需要除1000

参考:

wx.addPhoneCalendar(Object object) | 微信开放文档文章来源地址https://www.toymoban.com/news/detail-533277.html

到了这里,关于微信小程序向系统日历添加事件(提醒)实现的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序(4)- 事件系统和模板语法

    1.1 事件绑定和事件对象 小程序中绑定事件与在网页开发中绑定事件几乎一致,只不过在小程序不能通过 on 的方式绑定事件,也没有 click 等事件, 小程序中绑定事件使用 bind 方法 ,click 事件也需要使用 tap 事件来进行代替,绑定事件的方式有两种: 第一种方式:bind:事件名

    2024年04月17日
    浏览(37)
  • 微信小程序日历插件用法-举例为(爸妈搜日历)

    一、添加插件 在小程序管理后台添加插件。 小程序管理后台地址:https://mp.weixin.qq.com/ 设置第三方设置插件管理 添加插件,可以直接搜索名称(爸妈搜日历)或者AppID(wx23a9cef3522e4f7c) 二、在小程序app.json文件中引入插件声明 三、在需要使用插件的小程序页面的JSON配置文件中,增

    2024年02月10日
    浏览(75)
  • 微信小程序(十三)生命周期-更新应用提醒

    注释很详细,直接上代码 上一篇 新增内容: 1. onLaunch 用法 2. onShow 用法 3. onHide 用法 4.应用更新API的调用模板 源码: 效果演示: 模拟成功的情况 2.模拟失败的情况 下一篇

    2024年01月25日
    浏览(52)
  • java编写微信小程序消息提醒推送

    微信小程序官方文档:发送订阅消息 | 微信开放文档 一. 先制定模板,我以已删除的模板为例 二.java后台创建小程序 Vo类,用于封装传送的参数。 1.获取小程序全局后台接口调用凭据,有效期最长为7200 2.发送消息给指定的用户 3.整合 4.测试 注意:在前端调用方法时,只有发

    2024年02月11日
    浏览(43)
  • 微信小程序 自定义全局事件监听实现

    一般app页面都需要关联刷新,比如登录后刷新登录前页面,故此,需要一个全局事件监听类,怎么实现呢? 根目录创建文件夹utils,新建文件eventBus.js(致敬java平台的EventBus),码入以下代码: 主要就是newKey、on、off、post方法,分别是创建key、开始监听、结束监听、发出事件

    2024年02月11日
    浏览(47)
  • uniapp----微信小程序 日历组件(周日历&& 月日历)【Vue3+ts+uView】

    用Vue3+ts+uView来编写日历组件; 存在周日历和月日历两种显示方式; 高亮显示当天日期,红点渲染有数据的日期,点击显示数据 1. calendar-week-mouth组件代码 2. 在页面引用组件

    2024年02月04日
    浏览(73)
  • 【微信小程序】通过绑定点击事件来实现点击交互

    在微信小程序中,可以通过绑定点击事件来实现点击交互。以下是点击事件的实现步骤: 在WXML文件中,找到需要绑定点击事件的元素,例如按钮、图片等。 在该元素上添加 bindtap 属性,并指定一个对应的事件处理函数,例如: 在对应的页面或组件的JS文件中,定义事件处理

    2024年02月14日
    浏览(61)
  • 微信小程序日历组件(可滑动,可展开收缩,可标点)

    效果图 组件介绍 原生小程序编写,简单轻便,拿来即用。 推荐从代码托管地址获取代码,后续会更新功能: github地址 | gitee地址 代码部分(这里可能不是最新的,推荐去gitee克隆代码) calendar.wxml calendar.js calendar.json calendar.wxss

    2024年02月11日
    浏览(49)
  • Android 操作系统日历完成提醒功能 附带开关闹钟 适配高版本安卓

    如果想要一个稳定且不用担心生命周期的提醒方式,可以试试利用系统日历去完成任务的提醒或某个活动的预约。 项目仓库地址在文末 环境 Java 11 Android sdk 30 Gredle 7.1 测试机型 mi 8(安卓 9) mi10 pro(安卓11) huawei m8(安卓7) 日历操作表 ​ 其实完成这个功能本质是对安卓原

    2024年02月03日
    浏览(46)
  • 微信小程序下拉刷新获取数据和触底事件刷新实现

    说明:开启下拉刷新,然后设置窗口的背景色,方便观看。   说明:重新发起请求,并显示加载中   说明:当数据请求成功后,收回下拉刷新框并关闭加载中。 说明: onReachBottomDistance 定义了从页面底部的距离为50px,当滚动距离接近到这个值时,通常会触发一个函数或事件

    2024年02月16日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包