在meteor中向fullcalendar添加事件

时间:2013-06-10 11:50:10

标签: meteor fullcalendar

我尝试使用Adam Shaw的fullcalendar包。

我的HTML:

<head> 
<title>Calendar Test</title>
</head> 
<body>
<div id='head'>
    <h1>Calendar Test Meteor</h1>
</div>
<div id='calendar'>
    {{> schedule_assessments}}
</div>  
</body>

<template name="schedule_assessments">
    {{rendered}}
</template>

我的js:

Template.schedule_assessments.rendered = function () {
    $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
    },
    weekends: true, // will hide Saturdays and Sundays
    editable: true
});
}

我浏览了文档,但是找不到任何流星特定的帮助。 例如:如何在双击时添加事件?是否已经为活动设置了收藏集?如果我点击特定日期,如何在不知道此元素名称的情况下检测到这一点?

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

事件处理程序可用于点击特定的正常日期/事件日。

看看这个Clicking & Hovering功能可用

eventClick: function(calEvent, jsEvent, view) {

        alert('Event: ' + calEvent.title);
        alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
        alert('View: ' + view.name);

        // change the border color just for fun
        $(this).css('border-color', 'red');

}

您还可以查看eventRender函数来自行触发双击事件。

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