日期选择器日历上的工具提示

Question

我想在鼠标悬停在 jquery ui 日期选择器日历中的某个日期时显示工具提示。这是我创建日历和添加工具提示的代码。除了工具提示，一切正常。

function check_in_out_enable2(in_date, out_date) {
"use strict";
var today, prev_date;
today = new Date();
jQuery("#" + in_date).datepicker({
    dateFormat : "yy-mm-dd",
    minDate: today,
    beforeShowDay: enableAllTheseDays

}, jQuery.datepicker.regional[control_vars.datepick_lang]).datepicker('widget').wrap('<div class="ll-skin-melon"/>');

jQuery("#" + in_date).change(function () {
    prev_date = new Date(jQuery('#' + in_date).val());

    jQuery("#" + out_date).datepicker("destroy");
    jQuery("#" + out_date).datepicker({
        dateFormat : "yy-mm-dd",
        minDate: prev_date,
        beforeShowDay: enableAllTheseDays
    }, jQuery.datepicker.regional[control_vars.datepick_lang]);
});


jQuery("#" + out_date).datepicker({
    dateFormat : "yy-mm-dd",
    minDate: today,
    beforeShowDay: enableAllTheseDays
}, jQuery.datepicker.regional[control_vars.datepick_lang]);

jQuery("#" + in_date + ",#" + out_date).change(function (event) {
    jQuery(this).parent().removeClass('calendar_icon');
});

jQuery("#" + in_date+ " .highlight a").tooltip();
jQuery("#" + out_date+ " .highlight a").tooltip();

}
check_in_out_enable2('start_date', 'end_date');

Answer 1

这是我的解决方案。而不是

jQuery("#" + in_date+ " .highlight a").tooltip();
jQuery("#" + out_date+ " .highlight a").tooltip();

我使用了自定义工具提示

jQuery("html").on("mouseenter",".freetobook .ui-state-default", function() {
    var price;
    price = jQuery(this).parent().attr('title');
    jQuery(this).append('<span class="hover_price">'+price+'</span>');
});

jQuery("html").on("mouseleave",".freetobook", function() {
    //jQuery(this).find('.hover_price').remove();
});

日期选择器日历上的工具提示

Tooltips over datepicker calendar

jquery

datepicker

jquery-ui-tooltip