JQueryUI Datepicker - добавление события к дате отключения

Question

У меня есть JQueryUI Datepicker с отключенным на несколько дней использованием параметра beforeShowDay. Я знаю, что вы можете добавить всплывающую подсказку, используя этот параметр, но мне нужно вызвать сообщение, которое гласит: «Эта дата не может быть выбрана».

Это вообще возможно? Я пробовал параметр onSelect, но он срабатывает только при выбранных датах. Я также попытался присвоить датам с отключенным классом класс, а затем добавить событие click для элементов с этим классом, но, похоже, оно тоже не сработало.

function unavailable(date) {
    var dmy = date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
    if ($.inArray(dmy, formattedDates) == -1) {
        return [true, ""];
    } else {
        return [false, '', 'Unavailable'];
    }
}
$('#' + className).datepicker({
    controlType: 'select',
    minDate: minDate,
    maxDate: maxDate,
    defaultDate: maxDate,
    dateFormat: 'dd M yy',
    setDate: maxDate,
    beforeShowDay: unavailable
});

Answer 1

Если вам нужно активировать пользовательский tool-tip, бросьте alert с сообщением или что-то в этом роде:

Согласно документации, вторым параметром является класс CSS:

[1]: имя класса CSS для добавления в ячейку даты или "" для значения по умолчанию презентация https://api.jqueryui.com/datepicker/#option-beforeShowDay

Итак ... добавьте класс для отключенных дней, называемый "custom-tool-tip" или чем-то еще, и настройте прослушиватель событий.

$('body').on('click', '.custom-tool-tip', function(e) { // or whatever event(s) you want to listen to
    alert('This date may not be selected.');
});