有人能帮助我吗? 我需要使用clndr.js在day事件上实现图像。
当我某天有活动时,我需要将此图像与当天的事件数量相对应。 我希望你能提供帮助。
当我有两个活动时,这是我的模板,我得到this
<script id="clndrTemplate" type="text/template">
<div class="clndr-controls">
<div class="clndr-previous-button"><i class="fa fa-chevron-left"></i></div>
<div class="clndr-next-button"><i class="fa fa-chevron-right"></i></div>
<div class="month"><%= month %> <%= year %></div>
</div>
<div class="clndr-grid">
<div class="header-days">
<% _.each(daysOfTheWeek, function(day) { %>
<div class="header-day"><%= day %></div>
<% }); %>
<div class="days clearfix">
<% _.each(days, function(day) { %>
<div class="<%= day.classes %>" id="<%= day.id %>">
<span class="day-contents"><%= day.day %></span>
<% _.each(day.events, function(event){ %>
<div class="event">
<div class="event-images">
<span class="grey-img">
<img src="images/t-clndr.png" alt="">
</span>
<span class="white-img">
<img src="images/t-clndr-w.png" alt="">
</span>
</div>
<span class="amount-events">
<% %>
</span>
</div>
<% }) %>
</div>
<% }); %>
</div>
</div>
</div>
</script>
答案 0 :(得分:0)
你可以在每天找到<div>
(使用CSS),其中包含事件的数量,你应该将这个div的id设置为当天的日期,例如“d29-09- 16" 。
然后使用jQuery
$("#d29-09-16").text(numOfEvents);
虽然numOfEvents是你今天的反击。
祝你好运:)