Question

我正在使用Angular日历（请参见此处的演示https://mattlewis92.github.io/angular-calendar/#/kitchen-sink）

我需要为所选的一天（或更多）应用不同的课程。因此，如果我单击一天（或更长时间），则需要它们为粉红色或类似颜色。

我对今天的单元格做了类似的事情

const today_cell: 'today-cell' = 'today-cell';

export class MonthCalendarComponent implements OnInit {

  todayCssClass: string = today_cell;

 beforeMonthViewRender({ body }: { body: CalendarMonthViewDay[] }): void {
       body.forEach(day => {
         if (day.isToday === true) {
            day.cssClass = this.todayCssClass;
          }
     }
}

但是我没有使用点击事件。我该怎么做？

Answer 1

您链接到的组件中有一个实时演示，完全按照您的要求进行。选择多天并将其涂成粉红色，并带有完整的代码和一个演示： https://mattlewis92.github.io/angular-calendar/#/selectable-period

有一个预定义的CSS类.cal-day-selected，用于为所选日期着色，在演示中，所选日期位于数组selectedDays: any = [];内

如何在Angular Calendar包中选择一天

1 个答案: