2017-09-28 2 views
0

内部スピナーを注入します。 1日のクリックまたはイベントアイテムのクリックをトリガするときに、スピンナに番号を置き換えることは可能ですか?その後、私はイベントデータを引っ張って表示するなど、私は数を戻して、スピナーを非表示にするなど?は、私はそれぞれの日のセル内の番号としてイベントを表示私のバイオリン<a href="http://jsfiddle.net/rbynbu4z/4/" rel="nofollow noreferrer">here</a>でfullcalendarを持ってfullcalendarテーブルセル

更新! - このようにセル内のアイテムをクリックすると、セルイベントアイテムの値をスピナーに変更できます

更新! - クリックしてスピナーを表示するには

dayClick: function (date, jsEvent, view) { 
      var elementValue = $(jsEvent.target).text(); 
      $(jsEvent.target).html('<div><a class="fc-more"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></a></div>'); 

しかし、私は1日のクリックをトリガーするときにそれを変更するのがより困難です。 「これは「TD」要素でコールバックには、別のテーブルのイベント項目値に使用されるものです。私がちょうどdayclickから値を保持する要素を変更する方法を考え出すことができれば私は行くのが良いでしょう!または、1日のクリックからeventLimitClickをトリガーできれば、それを受け入れるでしょう!それは可能ですか?ここで

$('#calendar').fullCalendar({ 
 
header: { 
 
    left: 'prev,next today', 
 
    center: 'title', 
 
    right: '' 
 
}, 
 
//defaultDate: '2014-06-12', 
 
defaultView: 'basicWeek', 
 
editable: false, 
 
height: 174, 
 
eventLimit: 1, 
 
eventLimitText: function(numEvents) { 
 
    return numEvents; 
 
}, 
 
eventLimitClick: function (cellInfo, jsEvent) { 
 
}, 
 
dayClick: function(date, jsEvent, view) { 
 

 
}, 
 
events: [{ 
 
    title: 'Event', 
 
    start: '2017-09-28' 
 
    }, 
 
    { 
 
    title: 'Event', 
 
    start: '2017-09-28' 
 
    } 
 
] 
 
}); 
 

 
});
td.fc-more-cell { 
 
    text-align: center; 
 
    font-size: 2.3em; 
 
} 
 

 
.fc-row .fc-content-skeleton, 
 
.fc-row .fc-content-skeleton td, 
 
.fc-row .fc-content-skeleton table, 
 
.fc-row .fc-content-skeleton tr { 
 
    height: 100%; 
 
    vertical-align: middle; 
 
} 
 

 
.fc-row .fc-content-skeleton td div { 
 
    display: inline-block; 
 
    line-height: 100%; 
 
}
<div id='calendar'></div>

答えて

1
dayClick: function (date, jsEvent, view) { 
      var elementValue = $(jsEvent.target).text(); 
      $(jsEvent.target).html('<div><a class="fc-more"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></a></div>'); 
以下のいくつかのコードです
関連する問題

 関連する問題