Question

与this post类似，其中提供了答案this jsfiddle，我想强调我的引导日期选择器的整周，而不是jQuery UI。

我的代码目前是：

$('.datepicker-days tbody tr').live('mousemove', function () {
    $(this).find('td day').addClass('highlight');
});
$('.datepicker-days tbody tr').live('mouseleave', function () {
    $(this).find('td day').removeClass('highlight');
});

据我所知，“突出显示”不是正确的添加和删除类。

hovered cells的datepicker CSS文件中的选择器是：

.datepicker td.day:hover { background: #eeeeee; cursor: pointer; }

有没有办法将“悬停”添加为“类”？

Answer 1

您可以添加所需的任何课程。如果你想要显示与悬停规则相同的css，只需为你的类添加一个新规则，并使其足够具体，以免其他css规则排除它。您可以检查适用于浏览器控制台中任何元素的所有规则

示例css：

 .datepicker td.highlight { background: #eeeeee; cursor: pointer; }

使用mousemove并不合适，请更改为mouseenter

Answer 2

我认为您应该使用mouseenter代替mousemove

在bootstrap datepicker中突出显示整周

2 个答案: