jQuery Datepicker UI Tooltip

jQuery Datepicker UI Tooltip

本文关键字：Tooltip UI Datepicker jQuery      更新时间：2023-09-26

是否可以仅在jQuery日期选择器中将工具提示添加到禁用的日期？

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

我的代码将工具提示放在所有日期。

是的。这是可能的。查看以下链接以了解有关禁用日期的更多信息。

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/

相关文章：