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

时间:2016-09-26 10:56:17

标签: javascript jquery css css3

有人能帮助我吗? 我需要使用clndr.js在day事件上实现图像。

here what i need to achieve

当我某天有活动时,我需要将此图像与当天的事件数量相对应。 我希望你能提供帮助。

当我有两个活动时,这是我的模板,我得到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>

1 个答案:

答案 0 :(得分:0)

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

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

虽然numOfEvents是你今天的反击。

祝你好运:)