代码之家  ›  专栏  ›  技术社区  ›  jantimon

jQuery UI日期选择器:突出显示7天

  •  0
  • jantimon  · 技术社区  · 17 年前

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

    2 回复  |  直到 17 年前
        2
  •  0
  •   Jan Drewniak    15 年前

    我知道这是一篇旧帖子,但我刚刚遇到了同样的问题,由于链接断了,我发布了我的解决方案。

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