1

我正在使用angular-bootstrap-calendar并希望在单击月视图中的任何单元格时更改单元格的颜色。我可以使用更改颜色 on-timespan-click="timespanClicked(calendarDate, calendarCell)"

HTML:

<mwl-calendar events="events" 
                view="calendarView" 
                view-title="calendarTitle" 
                view-date="viewDate" 
                on-event-click="eventClicked(calendarEvent)"
                on-event-times-changed="eventTimesChanged(calendarEvent); calendarEvent.startsAt = calendarNewEventStart; calendarEvent.endsAt = calendarNewEventEnd"
                day-view-start="06:00" 
                day-view-end="22:59" day-view-split="30" 
                cell-auto-open-disabled="true" 
                on-timespan-click="timespanClicked(calendarDate, calendarCell)"
                cell-modifier="cellModifier(calendarCell)">
    </mwl-calendar>

并在 JS 中应用cell.cssClass = 'freeze-cell';

JS:

    $scope.timespanClicked = function (date, cell) {

        cell.cssClass = 'freeze-cell';
    }

在这里,问题是我想在单击任何其他单元格时重置应用的 css 类,但我无法这样做。

谢谢, 苏沃吉特

4

0 回答 0