Выбранный пользовательский указатель даты в качестве календаря и cluetip для отображения событий.Сценарий работает до тех пор, пока я не изменю месяц (кнопка <- или ->).
Основная идея заключалась в том, чтобы установить заголовок для элемента, который содержит дату и при наведении курсора, и разбить текст на строки с помощью cluetip.
РЕДАКТИРОВАТЬ : Вот пример - надеюсь, это поможет понять мою проблему.
Вот код JavaScript:
$(document).ready(function() {
var dates =[ // adding events
[new Date(2010,8,01),new Date(2010,8,03),"Event1 | text | next line"]
];
$('#calendar').datepicker({
beforeShowDay: highlightEvents,
});
function highlightEvents(date) {
for (var i = 0; i < dates.length; i++) {
if (dates[i][0] <= date && dates[i][2] >= date) {
return [true, 'odd', dates[i][2]]; } // odd == style
}
$('td.odd').cluetip({ // cluetip main function
splitTitle: '|',
cluetipClass: 'jtip',
arrows: true,
dropShadow: true,
});
});
Htmlкод:
<div id="calendar"></div>
Заранее спасибо!