2016-09-26 9 views
0

誰かが私を助けることができますか? clndr.jsを使ってdayイベントにイメージを実装する必要があります。デイイベントにイメージを置く方法は? clndr.js

here what i need to achieve

私は、この日のイベントの量と、この画像を配置する必要があり、この日のイベントがあります。 私はあなたが手伝ってくれることを願っています。 これは私が持っている二つの事象はこの日持っている場合、テンプレート 私unserscoresある - http://i.stack.imgur.com/qHBdY.png

<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

あなたはすでに関連コードを共有してください。ありがとう。 – Aziz

+0

clndr.jsにはそれぞれ独自のクラスがありますので、before:またはafter:を使用して、そのクラスにコンテンツを追加することができます。 – Goombah

答えて

0

をあなたはイベントの数が含まれます(CSSを使用して)、毎日の<div>を見つけることができ、あなたがIDを設定する必要がありますこのdivの日付は、 "d29-09-16"のようなものになります。 numOfEventsはこの日のあなたのカウンターである一方、
次にjQueryの

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

を使用しています。

幸運にも:)

関連する問題