Question

我目前在离子3中使用ion2-calendar，因此可以选择从今天开始而不是以前的日期。我也想选择前几天，请在此方面提供帮助。我正在使用以下代码，

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

};

预先感谢

Answer 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()，以查看启用的过去日期。

Answer 2

编辑您的ts文件，这将选择从到到之间的日期，而不会在之后或之前

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

ion2日历显示日历中的所有日期

2 个答案: