jquery datepicker 突出显示周末

Question

我有一个用于 web 应用程序的 Jquery 日期选择器，我的问题是：我想在需要时同时突出显示 2 天。这仅适用于周末

当我选择星期六时，星期天必须突出显示（添加一个名为“ui-native-asive”）的类，对于星期日，周日选择时，星期六也必须突出显示。

beforeShowDay: function(d) {
    var selecteddate =  $( ".datepicker" ).datepicker( "getDate" );
    var day = selecteddate.getDay();

    if (day == 6) { // day 6 = saturday      
       // Now saturday must get the class highlight
       return [true, 'highlight'];
    }
    else if (day == 0){ // day 0 = sunday 
       // Now sunday must get the class highlight
       return[true, 'highlight']; 
    }

}

问候 丹尼斯

Answer 1

您需要为日期选择器实现beforeShowDay 事件：

该函数将日期作为参数，并且必须返回一个数组 [0] 等于真/假，表示此日期是否为 可选择的，[1] 等于 CSS 类名或默认为 '' 演示文稿，以及 [2] 此日期的可选弹出工具提示。它是 日期选择器中的每一天在显示之前调用。

所以你需要做类似的事情：

$("#datepicker").datepicker({
    beforeShowDay: function(d) {
        //check if it's Sunday then highlight Saturday and vice versa.
    }
});