Jquery FullCalendar-更改basicDay视图中的文本

当用户单击月视图中的day链接时，我希望day视图显示更多的信息。因此，当他们单击此链接时：

我希望它显示以下内容：

基本上，我想将订单描述附加到订单号。我在Web API调用返回的事件详细信息中已经有订单描述，我将该描述用作月视图的工具提示。以下是我的日历定义中的eventRender和viewRender方法：

    eventRender: function (event, element) {
        event.title = event.OrderNumber;
        element.find('.fc-title').append('<a href="...' + title="' + event.Description + '">' + event.OrderNumber + '</a>');
    }
    , viewRender: function (view, element) {
        if (view.name == 'basicDay') {
            element.find('.fc-title').append('<a href="...' title="' + event.Description + '">' + event.Description + '</a>');
        }
    }

eventRender:function（事件，元素）{
event.title=event.OrderNumber；
元素。查找（'.fc title'）。追加（''）；
}
，viewRender:函数（视图，元素）{
如果（view.name=='basicDay'）{
元素。查找（'.fc title'）。追加（''）；
}
}

---

在viewRender中，我尝试复制eventRender中的工作内容（更改“.fc title”类），但没有成功。调试时评估传递到viewRender方法（视图和元素）中的对象并没有为我显示任何有用的属性，但它们可能对我隐藏起来。

再次，发布问题的魔力帮助解决了问题。我发现日历声明中的“eventAfterAllRender”事件是关键：

$('#calendar').fullCalendar({
    eventRender: function (event, element) { ... },
    viewRender: function (view, element) { ... }, 
    eventAfterAllRender: function (view) {
        if ($('.fc-basicDay-view').length > 0) {
            $('.cl').each(function (i, item) {
                var title = item.title;
                item.innerText = item.innerText + ' - ' + item.title;
                $(this).css('font-size', '14px');
            });
        }
    }
});

我最初试图将代码放入“eventRender”事件中，但通过开发人员工具评估页面时，我注意到页面当时还没有完成渲染，因此我试图修改的HTML元素尚未创建

将代码放在“eventAfterAllRender”事件中是有效的，因为日历已完成渲染，然后我可以查找链接标记并修改它们。在我的代码中，我检查“fc basicDay view”类是否存在，这是在我单击月视图（在我的原始文章中）上的日链接并呈现日视图之后出现的

每个链接类都附加了一个名为“cl”的类。这是我在最初创建链接时在“eventRender”事件中手动附加的类（这是对原始帖子的更改）：

element.find（'.fc title'）.append（''）；

---

“eventAfterAllRender”事件中的代码随后循环遍历所有元素，从每个链接中提取“title”属性（我在“eventRender”事件中也分配了该属性），并将其附加到innerText属性。

您能举个JSFIDLE示例吗？

element.find('.fc-title').append('<a href="...' + title="' + event.Description + '" class="cl">' + event.OrderNumber + '</a>');