在jquery datepicker中突出显示自悬停日期起的未来3天

在jquery datepicker中突出显示自悬停日期起的未来3天,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,如何让DatePicker在单击悬停日期之前突出显示悬停日期和接下来的3天 我浏览了web,只找到了与我所寻找的完全相同的jCal,但我需要一个JQuery datepicker代码示例 这是我的工作小提琴。我需要的是,如果你在周五鼠标悬停,它会突出显示接下来的周六、周日和周一,同样的逻辑是在周一鼠标悬停,它会突出显示接下来的周二、周三、周四和周五。希望我没弄错。。。我的方法是 $(".element").hover( function() { $(this).css("

如何让
DatePicker
在单击悬停日期之前突出显示悬停日期和接下来的3天

我浏览了web,只找到了与我所寻找的完全相同的jCal,但我需要一个JQuery datepicker代码示例


这是我的工作小提琴。我需要的是,如果你在周五鼠标悬停,它会突出显示接下来的周六、周日和周一,同样的逻辑是在周一鼠标悬停,它会突出显示接下来的周二、周三、周四和周五。

希望我没弄错。。。我的方法是

$(".element").hover(
    function() {
        $(this).css("background", "red").next().css("background", "red").next().css("background", "red").next().css("background", "red");
    },
    function() {
        $(this).css("background", "white").next().css("background", "white").next().css("background", "white").next().css("background", "white");
    }
);
您可以在这里看到您真正想要的工作,并将其添加到您的代码中

$('#jCalTarget').jCal({
    day:            new Date(),
    days:           3,
    showMonths:     2,
    monthSelect:    true,
    });
谢谢


Udit Bhardwaj

到目前为止,您尝试了哪些代码?是的,这正是我想要的,但使用jquery datepicker使其工作是否简单?取决于您如何实现它。如果您使用我在Fiddle中所做的代码,那么它将是一个较长的代码,我使用您提供的链接来完成它。好的,我会找到一些对你有用的东西。谢谢,这里有一些属性和属性。