Как я могу объединить плагин jQuery datepicker и событие hover? - PullRequest
0 голосов
/ 29 августа 2009

Мне неизвестен простой способ выполнения функции при наведении курсора на день с помощью средства выбора даты jQuery UI, поэтому я пытаюсь обойти эту проблему, назначив класс, а затем вызвав функцию наведения:

$('.someDate').hover(function() { alert(this) } );

Это не работает так, как мне хотелось бы, хотя, потому что возвращает [object HTML TableCellElement]. Как можно назначить атрибут для каждой метки td для ячейки даты, чтобы можно было извлечь значение даты с помощью этого метода.

Или я полностью упускаю действительно очевидный способ сделать это?

Ответы [ 2 ]

1 голос
/ 20 января 2010

Вы можете использовать событие beforeShowDay, которое принимает объект даты.

$('#date').datepicker({
    beforeShowDay: function(date) {
        var dateString = 'date-'+date.getDate()+'-'+date.getMonth()+'-'+date.getFullYear();  
        return [true, dateString, ''];
    }
});

Это добавит класс date-DD-M-YYYY к каждому из <td>.

Функция принимает date в качестве параметра и должна возвращать массив с:

  • [0] равно true / false, указывая, можно ли выбрать эту дату,
  • [1] равно названию (ям) класса CSS или "" для презентации по умолчанию
  • [2] дополнительная всплывающая подсказка для этой даты.

Он вызывается для каждого дня в средстве выбора даты перед его отображением.

Подробнее на jQueryUI.com

0 голосов
/ 29 августа 2009

Ну, я полагаю, что в tableCellElement указана правильная дата? Я не проверял это, но ..

alert($(this).text());
...