Jquery 如何在特定日期在多天事件栏中显示图标?
我正在寻找在完整日历月视图上显示多日事件中特定日期图标的最佳方法。这里的想法是在更长的时间内显示里程碑日期 我在Event div中使用相对定位模拟了这个屏幕截图,但我怀疑这可能会在短时间内变得非常丑陋 在Jquery 如何在特定日期在多天事件栏中显示图标?,jquery,fullcalendar,Jquery,Fullcalendar,我正在寻找在完整日历月视图上显示多日事件中特定日期图标的最佳方法。这里的想法是在更长的时间内显示里程碑日期 我在Event div中使用相对定位模拟了这个屏幕截图,但我怀疑这可能会在短时间内变得非常丑陋 在eventRender回调的上下文中是否有一个样板方法来执行此操作?是否有可能确定事件下方/内部一天的位置 <div class="fc-event-inner fc-event-skin"> <span class="fc-event-title">SB-01
eventRender
回调的上下文中是否有一个样板方法来执行此操作?是否有可能确定事件下方/内部一天的位置
<div class="fc-event-inner fc-event-skin">
<span class="fc-event-title">SB-019902</span>
<img title="Stone 1" style="position: relative; left: 100px;" src="w.png" />
<img title="Stone 2" style="position: relative; left: 200px;" src="w.png" />
</div>
SB-019902
为了结束这个问题的循环,我的实现有点像这样:
<div class="fc-event-inner fc-event-skin">
<span class="fc-event-title _fc1">Event Title</span>
<div class="dayTableWrapper isEnd">
<table class="dayTable">
<tbody>
<tr>
<td class="dayContainer dayContainer-0 date-2013-04-07"></td>
<td class="dayContainer dayContainer-1 date-2013-04-08"></td>
<td class="dayContainer dayContainer-2 date-2013-04-09"></td>
<td class="dayContainer dayContainer-3 date-2013-04-10"></td>
<td class="dayContainer dayContainer-4 date-2013-04-11"></td>
<td class="dayContainer dayContainer-5 date-2013-04-12"></td>
<td class="dayContainer dayContainer-6 date-2013-04-13"></td>
</tr>
</tbody>
</table>
</div>
</div>
在第4662行和第4663行之间的FullCalendar.js中添加了代码,以在表标记中每天插入一个单元格,并使用序列化日期添加CSS类属性以指示该单元格的日期:
html +=
"<div class='dayTableWrapper " + ((seg.isStart) ? "isStart" : "isEnd") + "'><table class='dayTable'><tr>";
for (var colNum = leftCol; colNum <= rightCol; colNum++) {
var classDateString = formatDate(t.cellDate({ row: seg.row, col: colNum }), 'u').substring(0, 10);
html +=
"<td class='dayContainer dayContainer-" + colNum + " date-" + classDateString + "'></td>";
}
html +=
"</tr></table></div>";
html +=
"</div>";
html+=
"";
for(var colNum=leftCol;colNum