使用event.className更改ui日历的事件颜色
Using event.className to change event color for ui-calendar
我是ui日历的新手,在基于条件的代码中设置事件的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日历做过类似的事情吗?如有任何帮助,我们将不胜感激!
我在GitHub上打开了一个ui日历问题。在vaHuntsMan:的评论之间
eventRender是一个回调。所以你可能正在更改类名太迟了。尝试在创建事件时添加className,然后将其添加到源数组中。
在这个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 */
}
相关文章:
- 使用java脚本更改onClick事件中菜单选项卡的颜色
- 我可以使用jqgrid的oncellselect事件根据单元格内容将文本颜色更改为蓝色吗
- 通过右键单击更改完整日历中事件的背景颜色 - 不起作用
- 是否可以根据FullCalendar事件的标题指定其背景颜色
- 如何根据描述对完整日历事件进行颜色编码
- 更改 onclick 事件上的锚标记背景颜色
- jQuery 基于事件类型的单元格的日期选取器背景颜色
- 取消触摸设备上的模拟悬停事件/颜色
- 全日历根据外部事件添加颜色
- 将字体颜色添加到搜索框中的对焦事件
- Javascript.使用鼠标悬停事件更改数组中 td 元素的背景颜色
- fabricJS在某些事件上更改边框大小和颜色不起作用
- 关闭事件的颜色框
- HTML - 如何在 OnClick 事件上更改按钮背景颜色
- 使用event.className更改ui日历的事件颜色
- Yii颜色选择器更改事件问题
- 如何在onmouseout事件中将背景颜色更改为透明
- 如果选中复选框,则更改颜色-onchange事件
- 在完整日历中更改事件颜色
- FullCalendar根据视图更改事件颜色