fullcalendar在events.php中添加qtip

时间:2015-11-02 23:18:17

标签: fullcalendar

我需要添加一个qtip,但我不能让它工作。

我想用它来描述, 这是我使用的,我必须在哪里以及如何使用eventrender?

eventRender: function(event, element) {
        element.qtip({
            content: event.description


<script type="text/javascript">
    $(document).ready(function() {
      var calendar = $('#calendar').fullCalendar({
       editable: true,
       header: {
        left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
       },

  timeFormat: 'HH(:mm)',
     events: 'events.php    ',
        });

     });


</script>

1 个答案:

答案 0 :(得分:0)

将它放在你的脚本中:

$(document).ready(function () {
       var calendar = $('#calendar').fullCalendar({
           editable: true,
           header: {
               left: 'prev,next today',
               center: 'title',
               right: 'month,basicWeek,basicDay'
           },

           timeFormat: 'HH(:mm)',
           events: 'events.php',

           eventRender: function (event, element) {
               element.qtip({
                   content: event.description
               });
           }
       });
   });

如果你想看到它的实际效果,我有一个现有的运行示例:http://jsfiddle.net/slyvain/fpuppLzy/