使用 event.className 更改 ui-calendar 的事件颜色

Question

我是 ui-calendar 的新手，在根据条件在我的代码中设置事件的 className 属性时遇到了一些问题。我无法找到可能使用这样的 className 的示例，但这是我在项目中尝试的：

eventRender: function (event, element) {

    if (event.HighPriority == 1) {
       event.className ='highPriority';
    }

},

在我的 css 文件中，我有：

.highPriority{
    background-color: red;
    color: white;
}

这行“event.className ='highPriority';”不起作用。有没有人用 angular ui-calendar 做过类似的事情？任何有关此事的帮助将不胜感激！

Answer 1

我在GitHub 上打开了一个关于 ui-calendar 的问题。在 vaHuntsMan 的评论之间：

eventRender 是一个回调。所以你可能正在更改类名 为时已晚。尝试在创建事件时添加 className，之前 将其添加到源数组中。

还有this Stack Overflow 的帖子，我能够正确地为我的 CSS 着色。

ui-日历设置：

 events: function (start, end, timezone, callback) {
                ...
                $http.get(url).success(function (result) {
                    $scope.myEvents = result.value;

                        for (var i = 0; i < $scope.myEvents.length; i++) {
                              ...
                            if ($scope.myEvents[i].HighPriority) { 
                                $scope.myEvents[i].className = ['highPriority'];
                            }
                        }
                        callback($scope.myEvents);
                })
            },

CSS：

  .highPriority,
  .highPriority div,
  .highPriority span {
    background-color: red; /* background color */
    border-color: white;     /* border color */
    color: white;           /* text color */
  }