Question

我想将当前选定的datepicker td设为活动类，并删除先前所选td的活动类。

标记：

<input type="text" id="Dateis" />

jquery的：

$(function ()
  {
    $("#Dateis").datepicker();

    $(this).hover
    (function ()
    {
        // add current td active class
         //remove old td active class
    }, 
    function ()
    {
          // add current td active class
         //remove old td active class
    });  
});

的jsfiddle：

Active Class

Answer 1

.closest() <击>

<击>

$(function () {
    $("#Dateis").datepicker().hover(function () {
        $(this).closest('td').addClass('active');
    }, function () {
        $(this).closest('td').removeClass('active');
    });
});

<小时/> 或

$(function () {
    $("#Dateis").datepicker().on('mouseenter mouseleave',function(){ 
        $(this).closest('td').toggleClass('active');
    });
});

<击> .addclass()

.removeClass()

.toggleClass()

<小时/> OP发表评论

后更新

Fiddle Demo

$(document).on("mouseenter mouseleave", ".ui-state-default", function () {
    $(this).closest('td').toggleClass('ui-state-active');
});

<小时/> 删除今天的日期突出显示

Fiddle Demo

.ui-datepicker-today a.ui-state-highlight {
    border-color: #d3d3d3;
    background: #e6e6e6 url(/themeroller/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #555555;
}

Datepicker使当前的td活动类并删除prev选择的td类非活动

1 个答案: