2

我正在使用 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;
          }
     }
}

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

4

1 回答 1

1

您链接到的组件中有一个现场演示,可以完全按照您的需要进行操作。选择多天并将它们着色为粉红色,使用完整代码和演示: https ://mattlewis92.github.io/angular-calendar/#/selectable-period

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

于 2018-08-10T10:25:37.500 回答