2009-10-14 170 views
0

我正在使用jQuery UI Datepicker。它被設置爲內聯,因此它始終顯示給用戶。jQuery UI Datepicker:突出顯示7天

的日期選擇器允許你按選擇有一天我希望能夠選擇(七天)

因此,如果用戶點擊例如週三2009/10/14它不僅要彰顯一個星期2009/10/14,但強調從2009/10/14到2009/10/20的所有日子。

我怎麼能意識到這一點?

回答

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',""] 
     } 
    }); 
相關問題