我正试图在一些禁用日期上添加工具提示,作为假期原因,但是当悬停时无法显示它们。我甚至尝试添加自定义悬停函数,但没有成功。
availableDates = ["09/04/2018", "09/05/2018", "09/06/2018", "08/31/2018", "09/01/2018"];
holidays_dates = { "09/02/2018": "sgsdf", "05/27/2018": "home sick", "08/20/2018": "fcg", "05/26/2018": "i dont know", "05/25/2018": "home sick" }
function available(date) {
var moth = String(date.getMonth() + 1);
if (moth.length == 1) {
moth = "0" + moth;
}
var dat = String(date.getDate());
if (dat.length == 1) {
dat = "0" + dat;
}
dmy = moth + "/" + dat + "/" + date.getFullYear();
if ($.inArray(dmy, availableDates) != -1) {
return [true, ""];
} else if (dmy in holidays_dates) {
console.log(dmy)
return [false, "Highlighted", holidays_dates[dmy]];
} else {
return [false, ""];
}
}
$("#datepicker").datepicker({
beforeShowDay: function (dt) {
return available(dt);
},
changeMonth: true,
changeYear: true,
onSelect: function (dateText) {
getslots(dateText, selected_consultant);
}
});
假期日期变量
假期日期变量包括禁用的日期和原因,并且完美地将原因添加到元素标题中。
<td class=" ui-datepicker-unselectable ui-state-disabled Highlighted" title="home sick">
<span class="ui-state-default">25</span>
</td>
如上所述,假期原因已添加到标签的title属性中,但悬停在该日期上并不会显示工具提示。
beforeShowDay
调用的函数返回的数组的第三个元素是工具提示文本。因此,返回[false, "", "父亲节"]
将在禁用日期悬停时显示 "父亲节"。 - Ejaz