jquery - 説明付きの完全なカレンダー

Question

Fullcalender のコードがあります。Adam shaw の Full calender pluginを使用しました。その中で、各イベントの説明を追加したかっただけです。しかし、qtipを使用すると。説明が表示されますが、ホバーのみです。

私のコードは

 $(document).ready(function() {
  var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
       var y = date.getFullYear();
        $('#calendar').fullCalendar({
            header: {
                left: 'month, basicWeek, basicDay',
                center: 'title',
                right: 'today,prev, next',
            },
            //events: "Calendar.asmx/EventList",
            //defaultView: 'dayView',
            events: [
            {
                title: 'DIWALI',
                start: new Date(2012,09,2),
                description: 'Today\'s Diwali',
                id: 1
            },
            {
                title: 'Long Event',
                start: new Date(y, m, d - 5),
                end: new Date(y, m, 1),
                description: 'long description3',
                id: 2
            }],
            eventRender: function(event, element) {
                element.qtip({
                    content: event.description + '<br />' + event.start,
                    style: {
                        background: 'black',
                        color: '#FFFFFF'
                    },
                    position: {
                        corner: {
                            target: 'center',
                            tooltip: 'bottomMiddle'
                        }
                    }
                });
            }
        });
        });

表示ページに説明を付けたいだけです。誰でもこれについて助けることができますか？

Answer 1

This Answer will help you to get the solution for your question.

Refer the answers below this.