jquery datepicker突出周末日

时间:2016-07-05 14:17:04

标签: javascript jquery datepicker

我有一个用于webapplication的Jquery日期选择器,我的问题是:我想在需要时同时突出显示2天。这只适用于周末

当我选择星期六时,星期日必须突出显示(添加一个名为:" ui-state-active"的类),对于星期日,当选择星期日时,星期六也必须突出显示。

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']; 
    }

}

此致 丹尼斯

1 个答案:

答案 0 :(得分:0)

您需要为datepicker实现beforeShowDay事件:

  

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

所以你需要做一些事情:

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