Twitter bootstrap 在Bootstrap 3 DateTimePicker v4上禁用鼠标悬停日期时弹出工具提示

Twitter bootstrap 在Bootstrap 3 DateTimePicker v4上禁用鼠标悬停日期时弹出工具提示,twitter-bootstrap,datetimepicker,bootstrap-datetimepicker,eonasdan-datetimepicker,Twitter Bootstrap,Datetimepicker,Bootstrap Datetimepicker,Eonasdan Datetimepicker,我有一个禁用日期数组,它是在页面加载时使用AJAX获取的。但是,我想显示一个工具提示弹出窗口,当指定的禁用日期被鼠标移过时显示“促销日期”。你知道我该怎么做吗 $('#PickDate').datetimepicker({ useCurrent: false, showTodayButton: true, minDate: parsedDate, defaultDate: startDate, format: 'DD MMM YYYY', disa

我有一个禁用日期数组,它是在页面加载时使用AJAX获取的。但是,我想显示一个工具提示弹出窗口,当指定的禁用日期被鼠标移过时显示“促销日期”。你知道我该怎么做吗

$('#PickDate').datetimepicker({
    useCurrent: false,
    showTodayButton: true,
    minDate: parsedDate,
    defaultDate: startDate,
    format: 'DD MMM YYYY',
    disabledDates: dDatesArray,
    daysOfWeekDisabled: [0, 6]
});

所有禁用日期都由库用
.disabled
类标记

您可以为和添加listner,然后可以使用jQuery(
$('td.day.disabled')
)选择禁用日期,并添加标题属性(使用)以获取本机工具提示

如果您想使用引导工具提示,只需调用。由于datetimepicker使用HTML
,因此必须将
数据容器=“body”
添加到元素中。作为:

当对
.btn组
.input组
中的元素或表相关元素(
)使用工具提示时,必须指定选项
容器:“body”
,以避免不必要的副作用(例如,触发工具提示时,图元变宽和/或失去圆角)

下面是一个工作示例:

$('#PickDate').datetimepicker({
useCurrent:false,
ShowToday按钮:正确,
//minDate:parsedDate,
//默认日期:startDate,
格式:“DD-MMM-YYYY”,
//禁用DDates:dDatesArray,
daysOfWeekDisabled:[0,6]
}).on('dp.show dp.update',函数(){
$('td.day.disabled')。每个(函数(索引,元素){
变量$element=$(元素)
$element.attr(“标题”、“促销日期”);
$element.data(“容器”、“主体”);
$element.tooltip()
});
});