Fullcalendar 完整日历事件图标未显示标题

Fullcalendar 完整日历事件图标未显示标题,fullcalendar,Fullcalendar,我有以下代码: { id: 'SPAN635585445000000000', title: '*Modify Day', color: 'purple', start: new Date(2015,1,10,0,0), className: '.eventItem', url: 'mypage.aspx',

我有以下代码:

          {
              id: 'SPAN635585445000000000',
              title: '*Modify Day',
              color: 'purple',
              start: new Date(2015,1,10,0,0),
              className: '.eventItem',
              url: 'mypage.aspx',
              imageurl: 'images/modifyDay.png',
              allDay: true
          },
问题是,结果显示只是事件标题,我想让图标(imageurl)位于标题的左侧并显示出来,现在,图像没有显示,我搜索了谷歌和这些讨论,看看是否能找到一个合适的方式,但我显然遗漏了一些东西

eventRender: function(event, element) 
{ 
    element.css('font-size','14px'); 
    if (event.title == '*Modify Day') 
    { 
        element.css('background-image', 'url(images/modifyDay.png)');   
        element.css('background-repeat', 'no-repeat'); 
        element.css('text-align: center'); 
    } 
}

感谢SlicedLoad提供了一些指针,尽管eventRender似乎忽略了文本对齐属性,但这解决了我无法显示图像的最初问题。由于此图像是文本旁边的一种图标类型,并且是背景图像,因此文本将覆盖图像。到目前为止,我找到的唯一解决方案是在文本旁边添加句点,直到它达到我满意的程度。到目前为止,eventRender事件中没有CSS对齐。title

您从哪里知道
imageurl
是一个内置选项?如果你想要这种功能,你必须在eventRender函数中手动执行:基本上,在渲染时为每个事件元素添加一个带有图像的
div
。我一直在做这方面的研究,发现了一些google结果:他们使用
eventRender
函数,你有吗?现在我正从另一个角度处理这个问题,试图处理eventRender本身,基本上就像你提到的,但不幸的是,我现在遇到了一个新问题,所以要解决这个问题,但这里有一个解决方案:
eventRender:function(event,element){element.css('font-size','14px');if(event.title=='*Modify Day'){element.css('background-image','url(images/modifyDay.png));element.css('background-repeat','no repeat');element.css('text-align:center');}}我无法使文本对齐,所以这是我的新问题,所以基本上,如果你给我指出了正确的方向,现在我只能让字体正常工作。