有人能帮我吗?我需要使用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>
您可以在每天(使用CSS)找到包含事件数量的<div>
,您应该将此div的id设置为当天的日期,例如“d29-09-16”。
然后使用jQuery
$("#d29-09-16").text(numOfEvents);
而numOfEvents是你今天的反击。
祝好运 :)