view.element.find 在 fullcalendar v.2 中不起作用

Question

我有 eventRender 函数来更改特定类名的日背景。

eventRender: function (event, element, view) {              
    if (event.className == 'booked') {
        var dateString = $.fullCalendar.formatDate(event.start, 'yyyy-MM-dd');
        view.element.find('.fc-day[data-date="' + dateString + '"]').css('background-color', '#FAA732');                        
    }               
},

此功能在 fullcalendar 1.6.4 上正常工作，但在 2.1 版中不能正常工作（我已经将日期转换更改为时刻）。

Uncaught TypeError: Cannot read property 'find' of undefined fullcalendar

另一个问题是，这个函数只改变事件开始的背景，而不是事件的整个日期

Answer 1

$.fullCalendar.formatDate(event.start, 'yyyy-MM-dd');

不再需要并且在 2.* 中不起作用。这是因为 event.start 已经是 momentjs 对象。你可以简单地使用

event.start.format("YYYY-MM-DD");

至于view.element，被view.el[0]取代，所以你应该使用

$(view.el[0]).find('.fc-day[data-date=' + dateString + ']')

更改特定日期。

您的eventRender 将变为

eventRender: function(event, element, view) {
    var dateString = event.start.format("YYYY-MM-DD");

    $(view.el[0]).find('.fc-day[data-date=' + dateString + ']')
                .css('background-color', '#FAA732');
},

完整代码请查看JSFiddle demo。