在jquery datepicker中突出显示从悬停日期开始的3天

时间:2014-05-30 11:34:28

标签: jquery jquery-ui-datepicker

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

我浏览了网页并且只找到this example的jCal,它正是我正在寻找的,但我需要一个JQuery datepicker代码示例。

这是我的工作小提琴http://jsfiddle.net/d7kPc/2/。我需要的是,如果你鼠标悬停在星期五它然后突出显示下周六,周日和周一和周一鼠标悬停相同的逻辑,然后突出显示下周二,周三,周四和周五。

2 个答案:

答案 0 :(得分:0)

希望我帮到你......我的方法是......

$(".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");
    }
);

答案 1 :(得分:0)

您可以在此处看到正常工作Fiddle并将其实施到您的代码中。

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

谢谢

Udit Bhardwaj