如何在Ionic中为原生日历事件添加firstReminderMinutes和secondReminderMinutes

一、如何添加firstReminderMinutes和secondReminderMinutes参数 #

Ionic的Calendar插件里，createEvent方法不直接支持提醒配置，你需要改用**createEventWithOptions**方法——它允许传入包含提醒规则的选项对象，完美适配你的需求。

具体修改步骤如下：

1. 先构造一个options对象，把你的提醒时间参数放到reminders字段中，还可以指定提醒方式（比如弹窗提醒"alert"，这是设备默认支持的类型）。
2. 将原来的createEvent替换为createEventWithOptions，并把这个options作为最后一个参数传入。

修改后的完整代码片段如下：

constructor(public navCtrl: NavController,private calendar: Calendar,public alertCtrl: AlertController) {

  this.event = { 
    title: "Event created from Quick Task", 
    location: "Jalandhar", 
    message: "Visit", 
    startDate: "17 Mar 2018 13:30", 
    endDate: "17 Mar 2018 14:30" // 注意：你原代码的结束日期早于开始日期，会导致创建失败，这里已修正
  };

  // 配置提醒选项，按需调整分钟数
  const eventOptions = {
    reminders: {
      firstReminderMinutes: 30, // 事件开始前30分钟触发提醒
      secondReminderMinutes: 60, // 事件开始前60分钟触发提醒
      method: "alert" // 指定提醒方式为弹窗，可选值还有email等（取决于设备支持）
    }
  };

  this.calendar.createEventWithOptions(
    this.event.title, 
    this.event.location, 
    this.event.message, 
    new Date(this.event.startDate), 
    new Date(this.event.endDate),
    eventOptions // 传入提醒配置
  ).then(
    (msg) => {
      let alert = this.alertCtrl.create({
        title: 'Success!',
        subTitle: 'Event saved successfully',
        buttons: ['OK']
      });
      alert.present();
      this.navCtrl.pop();
    },
    (err) => {
      let alert = this.alertCtrl.create({
        title: 'Failed!',
        subTitle: err,
        buttons: ['OK']
      });
      alert.present();
    }
  );

}

二、是否需要用createCalendar替代createEvent？ #

这两个方法的作用完全不同，不存在“替代”的说法，而是根据你的需求选择使用：

• createEvent：会把事件直接添加到设备的默认日历中，适合不需要单独分类管理事件的场景，操作简单直接。
• createCalendar：是用来创建一个自定义日历账户（比如你代码里的"MyCalendar"），创建完成后，你可以用createEventInCalendar方法把事件添加到这个自定义日历里——适合需要将你的应用事件和系统其他日历（比如工作、生活日历）区分开的场景。

举个自定义日历的使用示例：

// 先尝试创建自定义日历（只需创建一次，重复创建会报错）
this.calendar.createCalendar('MyCalendar').then(
  () => {
    // 日历创建成功，在其中添加带提醒的事件
    this.calendar.createEventInCalendar(
      this.event.title,
      this.event.location,
      this.event.message,
      new Date(this.event.startDate),
      new Date(this.event.endDate),
      'MyCalendar',
      eventOptions // 同样可以传入提醒配置
    ).then(() => {/* 成功回调 */}).catch(err => {/* 错误处理 */});
  },
  (err) => {
    console.log("日历已存在或创建失败：", err);
    // 日历已存在，直接在里面创建事件
    this.calendar.createEventInCalendar(
      this.event.title,
      this.event.location,
      this.event.message,
      new Date(this.event.startDate),
      new Date(this.event.endDate),
      'MyCalendar',
      eventOptions
    ).then(() => {/* 成功回调 */}).catch(err => {/* 错误处理 */});
  }
);

总结：如果只是简单添加事件到默认日历，用createEventWithOptions就足够；如果需要独立的日历分类管理，才需要结合createCalendar和createEventInCalendar使用。

内容的提问来源于stack exchange，提问作者user2828442