JQueryUI Datepicker - 将事件添加到禁用日期

Question

我有一个 JQueryUI 日期选择器，有些日子使用 beforeShowDay 参数禁用。我知道您可以使用该参数添加工具提示，但我需要触发显示“此日期可能未选择”的消息。

这甚至可能吗？我已经尝试过 onSelect 参数，但只有在选择启用日期时才会触发。我也尝试过给禁用日期一个类，然后为具有该类的项目添加一个点击事件，但它似乎也不起作用。

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.');
});