ion2-calendar 显示日历中的所有日期答案

【问题标题】：ion2-calendar show all days in calendarion2-calendar 显示日历中的所有日期
【发布时间】：2020-03-18 16:11:48
【问题描述】：

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

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

};

提前致谢

【问题讨论】：

标签： ionic-framework ionic3

【解决方案1】：

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

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);
    })
  }

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

【讨论】：

【解决方案2】：

编辑您的 ts 文件，这将在 from 和 to 之间选择日期，而不是在之后或之前

test: DayConfig[]=[];
public optionsRange: CalendarComponentOptions = {
  //from: new Date(2019, 0, 1),
  from: new Date(2019, 11, 1),
  to: new Date(2020, 2, 15),
  pickMode: 'range',
  daysConfig: this.test
};

【讨论】：