jQuery UI Datepicker:突出显示7天

时间:2009-10-14 16:07:49

标签: jquery-ui datepicker inline

我正在使用jQuery UI Datepicker。它设置为内联,因此它始终显示给用户。

日期选择器允许您选择一天,但我希望能够选择一周(七天)

因此,如果用户点击例如2009年10月14日星期三,它不仅应突出显示2009/10/14,还要突出显示从2009/10/14到2009/10/20的所有日期。

我怎么能意识到这一点?

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

我知道这是一个老帖子,但我遇到了同样的问题,因为链接坏了我发布了我的解决方案。

    $('#datepicker').datepicker({ 
    dateFormat: 'yy-mm-dd',
    defaultDate: '2011-05-10',
    changeMonth: true,
    changeYear: true,
    beforeShowDay: function(date){
        var selectedDate = new Date('2011-05-10');
        if (date.getFullYear() == selectedDate.getFullYear()
            && date.getMonthName() == selectedDate.getMonthName() 
            && date.getDate() >= selectedDate.getDate() 
            && date.getDate() <= selectedDate.addDays(6).getDate()
            ) {
            return [true, 'ui-datepicker-days-cell highlight', ""];
         }
        return [true, 'ui-datepicker-days-cell',""]
       }
    });