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 自定义事件的主要内容,如果未能解决你的问题,请参考以下文章