Ich versuche, den Cursor auf "No-Drop" für Tage vor dem aktuellen Tag und auf "Zeiger" für Tage nach dem aktuellen Tag.Set-Cursor-Stil funktioniert nicht gut
Ich versuchte mit css: fc-Vergangenheit, fc-heute, fc-Zukunft und funktioniert gut, auch ich versuchte aus jquery Plugin-Konfiguration und funktioniert auch gut.
Das funktioniert gut, wenn es keine Ereignisse gibt, das Problem erscheint, wenn ich ein Ereignis im Kalender habe. Fullcalendar erstellt eine Reihe von leeren für Tage ohne Ereignisse, die auf Zellen sind und der Cursor-Stil verloren ist. In fc-content-skeleton gibt es eine Tabelle mit z-index 4, diese div ist über fc-bg, die den Cursor css haben. Dieses fc-content-skeleton hat fc-event-container für jedes Event (ich kann das css setzen) aber in Tagen, die keine Events haben, lege ein leeres, das ich nicht stil setzen kann. Dies bewirkt, dass der Mauszeiger nicht in diesen Bereich gesetzt werden kann. Das Ergebnis ist, dass am selben Tag (ohne Ereignisse), wenn Sie den Cursor bewegen, ändert sich von meinem Stil (in fc-bg eingestellt) zu Standard wenn der Cursor wenn über einen leeren. Sie können dies in der Vitrine auf http://fullcalendar.io/ zu Hause sehen.
<div class="fc-content-skeleton">
<table>
<thead>
<tr>
<td class="fc-day-number fc-sun fc-past" data-date="2016-05-08">8</td>
<td class="fc-day-number fc-mon fc-past" data-date="2016-05-09">9</td>
<td class="fc-day-number fc-tue fc-past" data-date="2016-05-10">10</td>
<td class="fc-day-number fc-wed fc-past" data-date="2016-05-11">11</td>
<td class="fc-day-number fc-thu fc-past" data-date="2016-05-12">12</td>
<td class="fc-day-number fc-fri fc-past" data-date="2016-05-13">13</td>
<td class="fc-day-number fc-sat fc-past" data-date="2016-05-14">14</td>
</tr>
</thead>
<tbody>
<tr>
<td class="fc-event-container" colspan="2">
<a class="fc-day-grid-event fc-h-event fc-event fc-not-start fc-end fc-draggable fc-resizable">
<div class="fc-content">
<span class="fc-title">Long Event</span>
</div>
<div class="fc-resizer fc-end-resizer"/>
</a>
</td>
<!-- here comes the empty td for days that haven't have events -->
<td rowspan="6"/>
<td rowspan="6"/>
</tr>
...
...
</tbody>
</table>
</div>
Ich habe viel Zeit damit verbracht, den Cursor auf diese td zu setzen, aber ohne Ergebnisse. Dieses Verhalten macht mich verrückt. Danke für die Hilfe.
eine examble von JS Bin hinzufügen: http://jsbin.com/qekajezepu/1/edit?js,output
funktioniert super! Danke, dass ich auf diese Weise nicht wusste, um das Problem zu lösen. –