jQuery UI Datepicker:突出显示7天

问题描述:

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

的日期选择器允许你按选择有一天我希望能够选择(七天)

因此,如果用户点击例如周三2009/10/14它不仅要彰显一个星期2009/10/14,但强调从2009/10/14到2009/10/20的所有日子。

我怎么能意识到这一点?

我知道这是一个老的文章,但我只是碰到了同样的问题,因为该链接被打破我张贴我的解决方案。

$('#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',""] 
     } 
    });