时间戳

首页 > 解决方案 > 重置应用于日历单元格的 css 类

javascript - 重置应用于日历单元格的 css 类

问题描述

我正在使用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 类，但我无法这样做。

谢谢， 苏沃吉特

标签： javascriptangular-bootstrap-calendar

解决方案

推荐阅读