如何突出显示FullCalendar.js中发生事件的一天?

艾哈迈德·阿里

我在网站上使用FullCalendar.js。我从后端设置了事件。我想更改发生事件的一天的外观。换句话说,我需要某种类型的班级,里面有“ fc-day”和一个活动。

我的代码看起来像,您在jsFiddle上看到了它:

$('#calendar').fullCalendar({
    events: [{
        title: 'event1',
        start: '2013-01-01'
    }, {
        title: 'event2',
        start: '2013-12-05',
        end: '2013-12-07'
    }, {
        title: 'event3',
        start: '2013-12-15'
    }]
})
阿尔约姆·纽斯特罗耶夫

我在Fullcalendar的文档中找不到所需的属性或方法。

我想出了一种麻烦的解决方案:通过数据属性添加类:

function addClassByDate(date) {
    var dataAttr = getDataAttr(date);
    $("[data-date='" + dataAttr + "']").addClass("hasEvent");
}

function getDataAttr(date) {
    return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate().toString().length === 2 ? date.getDate() : "0" + date.getDate());
};

您在问题中提供的设置对它的工作效果很好。

可以在以下位置找到工作示例:http : //jsfiddle.net/6NShN/9/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何阻止直到RX流中发生事件?

来自分类Dev

如何在WPF用户控件中发生事件

来自分类Dev

在Android中发生事件时如何呼叫闹钟?

来自分类Dev

FullCalendar - 根据事件标准在每一天显示图标

来自分类Dev

如何绘制事件发生在一天中的几个小时(几天)内的幅度图?

来自分类Dev

Fullcalendar放假一天

来自分类Dev

当Shiny中发生事件时,如果某些选项卡处于活动状态,如何停止运行输出代码?

来自分类Dev

发生事件时显示一个弹出窗口javafx

来自分类Dev

如何只突出显示一项?

来自分类Dev

Fullcalendar将所有事件设置为一天前

来自分类Dev

发生事件时显示弹出窗口javafx

来自分类Dev

后台发生事件时,iOS显示通知吗?

来自分类Dev

FullCalendar.js如何将日期选择限制为“月视图”中的某一天

来自分类Dev

如何结束一天?

来自分类Dev

如何在Eclipse中启用/禁用事件突出显示?

来自分类Dev

如何在Eclipse中启用/禁用事件突出显示?

来自分类Dev

如何在 swift 中突出显示文本时触发事件

来自分类Dev

jQuery FullCalendar:如何显示几天内的事件日历?

来自分类Dev

如何在fullcalendar中显示来自api的获取事件?

来自分类Dev

如何在完整日历中单击一天时显示事件详细信息

来自分类Dev

如何忽略Typeahead.js中突出显示的模板部分?

来自分类Dev

SecureCRT和Nice PHP / JS语法突出显示:如何配置?

来自分类Dev

如何在 Mark.JS 中获得词干突出显示?

来自分类Dev

如何在TMemo中突出显示一行?

来自分类Dev

如何像苹果一样突出显示UIView

来自分类Dev

Google脚本:如何突出显示一组单词?

来自分类Dev

如何使函数不突出显示表格的最后一行?

来自分类Dev

如何突出显示ls输出中的一项

来自分类Dev

FullCalendar - 如何在列表视图中显示特定数量的即将发生的事件?

Related 相关文章

  1. 1

    如何阻止直到RX流中发生事件?

  2. 2

    如何在WPF用户控件中发生事件

  3. 3

    在Android中发生事件时如何呼叫闹钟?

  4. 4

    FullCalendar - 根据事件标准在每一天显示图标

  5. 5

    如何绘制事件发生在一天中的几个小时(几天)内的幅度图?

  6. 6

    Fullcalendar放假一天

  7. 7

    当Shiny中发生事件时,如果某些选项卡处于活动状态,如何停止运行输出代码?

  8. 8

    发生事件时显示一个弹出窗口javafx

  9. 9

    如何只突出显示一项?

  10. 10

    Fullcalendar将所有事件设置为一天前

  11. 11

    发生事件时显示弹出窗口javafx

  12. 12

    后台发生事件时,iOS显示通知吗?

  13. 13

    FullCalendar.js如何将日期选择限制为“月视图”中的某一天

  14. 14

    如何结束一天?

  15. 15

    如何在Eclipse中启用/禁用事件突出显示?

  16. 16

    如何在Eclipse中启用/禁用事件突出显示?

  17. 17

    如何在 swift 中突出显示文本时触发事件

  18. 18

    jQuery FullCalendar:如何显示几天内的事件日历?

  19. 19

    如何在fullcalendar中显示来自api的获取事件?

  20. 20

    如何在完整日历中单击一天时显示事件详细信息

  21. 21

    如何忽略Typeahead.js中突出显示的模板部分?

  22. 22

    SecureCRT和Nice PHP / JS语法突出显示:如何配置?

  23. 23

    如何在 Mark.JS 中获得词干突出显示?

  24. 24

    如何在TMemo中突出显示一行?

  25. 25

    如何像苹果一样突出显示UIView

  26. 26

    Google脚本:如何突出显示一组单词?

  27. 27

    如何使函数不突出显示表格的最后一行?

  28. 28

    如何突出显示ls输出中的一项

  29. 29

    FullCalendar - 如何在列表视图中显示特定数量的即将发生的事件?

热门标签

归档