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

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

1 个答案: