jQuery fullcalendar 自定义事件

Posted

技术标签:

【中文标题】jQuery fullcalendar 自定义事件【英文标题】:jQuery fullcalendar custom event 【发布时间】:2011-02-06 21:12:24 【问题描述】:

我想知道如何将自定义渲染应用于事件...我希望能够在练习议程的“患者”名称前添加...

eventRender: function(event, element)          
    console.log(element[0]);

这目前在控制台中显示 html 输出,但我不知道如何访问它(以漂亮的 jQuery 方式)以操作其中的数据。

控制台转储的输出是

<div class="fc-event fc-event-vert fc-corner-top fc-corner-bottom dr1" style="position: absolute; z-index: 8; top: 104px; left: 403px; width: 155.7px; height: 40px; ">
  <a>
    <span class="fc-event-bg">
    <span class="fc-event-time">10:30 - 11:30</span>
    <span class="fc-event-title">Primera vez que viene</span>
  </a>
  <div class="ui-resizable-handle ui-resizable-s">=</div>
</div>

【问题讨论】:

理想情况下,我想以某种方式替换 的内容 【参考方案1】:

你试过这样做吗?

eventRender: function(event, element)          
 // get your new title somehow
 var title = "New Content";
 // replace the event title
 element.find('.fc-event-title').text( title );

编辑:哦,如果您只想添加前缀,请将其更改为以下内容:

eventRender: function(event, element)          
 // get the name somehow
 var name = "Joe";
 // prepend the name
 element.find('.fc-event-title').prepend( name + ' - ' + title );

【讨论】:

刚刚注意到这个答案在当前版本的全日历中已经过时了。 eventRender 现在只有一个参数,css 类称为.fc-title。也许fullcalendar.io/docs/eventRender 的例子会有助于适应。

以上是关于jQuery fullcalendar 自定义事件的主要内容,如果未能解决你的问题,请参考以下文章

FullCalendar和jquery-confirm应用

jQuery选项卡中的FullCalendar最初不通过ajax加载

Jquery fullcalendar不显示事件

Fullcalendar 自定义视图问题(导航)

jquery fullcalendar 事件过滤

jQuery fullcalendar在按键时不获取事件