在fullcalendar2.9.0中，如何在事件日期和日期单元格中显示"CHECK-MARK (icon )“。其中复选标记的颜色取决于某个阈值

在fullcalendar2.9.0中，要在事件日期和日期单元格中显示"CHECK-MARK (icon)"，可以通过以下步骤实现：

首先，确保已经引入了fullcalendar2.9.0的相关文件，包括CSS和JavaScript文件。
在日历初始化的代码中，使用eventRender回调函数来自定义事件的渲染方式。示例代码如下：

$('#calendar').fullCalendar({
  // 其他配置项...
  eventRender: function(event, element) {
    // 在事件的标题前面添加一个CHECK-MARK图标
    element.prepend('<span class="check-mark-icon"></span>');
  }
});

在CSS文件中定义.check-mark-icon类的样式，以显示CHECK-MARK图标。可以使用字体图标库（如Font Awesome）或自定义图标来实现。示例代码如下：

.check-mark-icon {
  display: inline-block;
  font-family: "Font Awesome"; /* 使用字体图标库时的字体名称 */
  font-size: 14px;
  color: green; /* 根据阈值设置复选标记的颜色 */
  content: "\f00c"; /* 使用字体图标库时的图标代码 */
}

根据具体需求，可以根据阈值来动态设置复选标记的颜色。例如，如果阈值为50，可以使用JavaScript代码来判断事件的值是否大于等于阈值，并根据结果来动态设置复选标记的颜色。示例代码如下：

$('#calendar').fullCalendar({
  // 其他配置项...
  eventRender: function(event, element) {
    // 在事件的标题前面添加一个CHECK-MARK图标
    element.prepend('<span class="check-mark-icon"></span>');

    // 根据阈值设置复选标记的颜色
    if (event.value >= 50) {
      element.find('.check-mark-icon').css('color', 'green');
    } else {
      element.find('.check-mark-icon').css('color', 'red');
    }
  }
});

通过以上步骤，就可以在fullcalendar2.9.0中实现在事件日期和日期单元格中显示"CHECK-MARK (icon)"，并根据阈值动态设置复选标记的颜色。请注意，以上代码仅为示例，具体实现方式可能需要根据实际情况进行调整。

腾讯云相关产品和产品介绍链接地址：