2016-08-13 4 views
2

Все,Удаление события из Calendario.js

В настоящее время я использую Calendario.js, и все работает очень хорошо. Тем не менее, я пытаюсь выяснить метод удаления событий.

Я уже понял, как добавлять события через словарь, который вы передаете в функцию cal.setData(). Однако, когда я удаляю событие из словаря и вызываю ту же функцию cal.setData(), он не удаляет его успешно. Кто-нибудь знает, так или иначе, чтобы это сделать? Документация довольно скудная.

HTML

<script type="text/javascript" src="{%   static'main/Calendario/js/jquery.calendario.js' %}"></script> 
<script type="text/javascript" src="{% static 'main/Calendario/js/modernizr.custom.63321.js' %}"></script> 

<link rel='stylesheet' href="{% static 'main/Calendario/css/calendar.css' %}" /> 
<link rel='stylesheet' href="{% static 'main/Calendario/css/custom_2.css' %}" /> 
<link rel='stylesheet' href="{% static 'main/lightbox/lightbox.css' %}" /> 

    <div class='container'> 
     <div class='col-md-8 col-md-offset-2'> 
      <div class="custom-calendar-wrap"> 
       <div id="custom-inner" class="custom-inner"> 
        <div class="custom-header clearfix"> 
         <nav> 
          <span id="custom-prev" class="custom-prev"></span> 
          <span id="custom-next" class="custom-next"></span> 
         </nav> 
         <h2 id="custom-month" class="custom-month"></h2> 
         <h3 id="custom-year" class="custom-year"></h3> 
        </div> 
        <div id="calendar" class="fc-calendar-container"></div> 
       </div> 
      </div> 
     </div> 
    </div> 

Javascript

cal = $calendar.calendario({ 
      onDayClick : function($el, $contentEl, dateProperties) { 
       if(dateProperties.day.length==1){ 
        dateProperties.day = 0 + dateProperties.day; 
       } 
       if(dateProperties.month.toString().length==1){ 
        dateProperties.month = 0 + dateProperties.month.toString(); 
       } 

       if($el.hasClass('fc-content')){ 

        $el.removeClass('fc-content'); 

        console.log($el); 
        delete codropsEvents[dateProperties.month + '-' + dateProperties.day + '-' + dateProperties.year]; 
       } 
       else{ 
        codropsEvents[dateProperties.month + '-' + dateProperties.day + '-' + dateProperties.year]='<a href="#"></a>' 
        console.log(codropsEvents); 
        cal.setData(codropsEvents); 
       } 

       if($contentEl.length > 0) { 
        showEvents($contentEl, dateProperties); 
       } 

      }, 
      caldata : codropsEvents, 
      displayWeekAbbr : true 
     }), 

ответ

0

Это очень легко, если вы должны были использовать последнюю версию CALENDARIO - https://github.com/deviprsd21/Calendario, $('#calendar').calendario('setData', data, clearData);, если вы передаете верно clearData все предыдущие данные будут очищены и заменены новым.

Смежные вопросы