Cluetip не работает после изменения месяца uidatepicker - PullRequest
1 голос
/ 06 ноября 2010


Выбранный пользовательский указатель даты в качестве календаря и 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>

Заранее спасибо!

1 Ответ

1 голос
/ 08 ноября 2010

Благодаря посту UberNeet: jQuery UI Datepicker с типом jQuery

Нашел ответ.

// Because the the event `onChangeMonthYear` get's called before updating 
// the items, we'll add our code after the elements get rebuilt. We will hook 
// to the `_updateDatepicker` method in the `Datepicker`.
// Saves the original function.
var _updateDatepicker_o = $.datepicker._updateDatepicker;
// Replaces the function.
$.datepicker._updateDatepicker = function(inst){ 
   // First we call the original function from the appropiate context.
   _updateDatepicker_o.apply(this, [inst]); 
   // No we can update the Tipsys.
   addTipsys(inst.drawYear, inst.drawMonth+1, inst.id);
};

Надеюсь, это кому-нибудь поможет.

...