jQuery Datepicker UI工具提示

Question

是否可以將工具提示僅添加到jQuery datepicker中的禁用日期？

$(function() {
    $('#datepicker').datepicker({
        minDate :   0,
        maxDate :   +30,
        beforeShowDay: function(date) {
            return [true, 'highlight', 'The custom title'];
        }
    });
});

我的代碼將工具提示放到所有日期。

Answer 1

是。 有可能的。 檢查以下鏈接以了解更多有關禁用日期的信息。

http://api.jqueryui.com/datepicker/#option-beforeShowDay

下面是代碼

var disabledDates = ["11-2-2016","19-2-2016","28-2-2016"];

function disableDate(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, disabledDates) < 0) {
    return [true,"",""];
  } else {
    return [false,"","This is disabled"];
  }
}

$('.datePicker').datepicker({ beforeShowDay: disableDate });

演示： https : //jsfiddle.net/j2caztgu/