我尝试使用Adam Shaw的完整日历包。
我的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
});
}
我浏览了文档，但我找不到任何流星特定的帮助。例如:如何在双击时添加事件?是否已经为事件设置了集合?如果我点击一个特定的日期，在不知道这个元素的名称的情况下，我如何检测它?
谢谢你的帮助!
事件处理程序可用于单击特定的正常日/事件日。
看看这个点击&悬停功能可用
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
});
}