我怎样才能在ionic2-calendar中只显示一个带有事件id的日历？

// 导入ionic2-calendar组件
import { CalendarComponentOptions } from 'ionic2-calendar/calendar';

@Component({
  selector: 'page-calendar',
  templateUrl: 'calendar.html',
})
export class CalendarPage {
  // 定义事件数组
  events = [
    { id: 1, title: 'Event 1', date: '2022-01-01' },
    { id: 2, title: 'Event 2', date: '2022-01-05' },
    { id: 3, title: 'Event 3', date: '2022-01-10' }
  ];

  // 定义当前选中的日期和事件id
  selectedDate: string;
  selectedEventId: number;

  // 定义日历组件的配置选项
  calendarOptions: CalendarComponentOptions = {
    // 自定义日期标记函数
    dateFormatter: {
      formatMonthViewDay: function(date: Date) {
        return date.getDate().toString();
      },
      formatMonthViewDayHeader: function(date: Date) {
        return 'MonMH';
      },
      formatMonthViewTitle: function(date: Date) {
        return 'testMT';
      },
      formatWeekViewDayHeader: function(date: Date) {
        return 'MonWH';
      },
      formatWeekViewTitle: function(date: Date) {
        return 'testWT';
      },
      formatWeekViewHourColumn: function(date: Date) {
        return 'testWH';
      },
      formatDayViewHourColumn: function(date: Date) {
        return 'testDH';
      },
      formatDayViewTitle: function(date: Date) {
        return 'testDT';
      }
    },
    // 自定义日期标记样式函数
    monthviewDayHeaderCssClassCallback: (date: Date) => {
      if (date.getDay() === 0 || date.getDay() === 6) {
        return 'weekend';
      }
      return '';
    },
    // 自定义日期点击事件处理函数
    monthviewDayClick: (date: Date) => {
      this.selectedDate = date.toISOString().split('T')[0];
      this.selectedEventId = this.getEventIdByDate(this.selectedDate);
    }
  };

  constructor() {}

  // 根据日期获取事件id
  getEventIdByDate(date: string): number {
    const event = this.events.find(event => event.date === date);
    return event ? event.id : null;
  }
}