如何将图像放在日间活动中? clndr.js

问题描述 投票:0回答:1

有人能帮我吗?我需要使用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>
javascript jquery css css3
1个回答
0
投票

您可以在每天(使用CSS)找到包含事件数量的<div>,您应该将此div的id设置为当天的日期,例如“d29-09-16”。 然后使用jQuery

 $("#d29-09-16").text(numOfEvents);

而numOfEvents是你今天的反击。

祝好运 :)

© www.soinside.com 2019 - 2024. All rights reserved.