时间戳

首页 > 解决方案 > ion2-calendar 显示日历中的所有日期

ionic-framework - ion2-calendar 显示日历中的所有日期

问题描述

我在 ionic 3 中使用 ion2-calendar，目前，它允许选择从今天开始的日期，而不是以前的日期。我也想选择前几天请帮忙。我正在使用以下代码，

optionsRange: CalendarComponentOptions = {
pickMode: 'range',
disableWeeks: [0, 6],

};

提前致谢

标签： ionic-frameworkionic3

解决方案

您可以通过添加canBackwardsSelected: true到之前的日期来查看以前的日期，然后使用Ionic ModalControllerconst options: CalendarModalOptions的代码将如下所示。

openCalendar() {
    const options: CalendarModalOptions = {
      title: 'BASIC',
      canBackwardsSelected: true, //By making this true you can access the disabled dates
    };
    let myCalendar =  this.modalCtrl.create(CalendarModal, {
      options: options
    });

    myCalendar.present();

    myCalendar.onDidDismiss((date: CalendarResult, type: string) => {
      console.log(date);
    })
  }

然后，您只需通过openCalendar()单击 HTML 端的按钮调用即可查看启用的过去日期。

推荐阅读