Is there a way to give a class to the first 17 days on a jquery datepicker calendar?

I have tried this but it just seems to add the class to every day...

    beforeShowDay: function(date) {
        for (i = 0; i < 17; i++) {
            return [true, 'myClass'];
        }
        return [false, ''];
    }

EDIT:

I've managed to nearly get it with the following code:

beforeShowDay: function (date) {

    if (date <= new Date().setDate(new Date().getDate()+17) && date >= new Date() ) {
        return [true, 'myClass'];
    }

    return [true, ''];

}

The only problem is that it doesn't give the class to todays date. Any ideas why?

Is there a way to give a class to the first 17 days on a jquery datepicker calendar?

I have tried this but it just seems to add the class to every day...

    beforeShowDay: function(date) {
        for (i = 0; i < 17; i++) {
            return [true, 'myClass'];
        }
        return [false, ''];
    }

EDIT:

I've managed to nearly get it with the following code:

beforeShowDay: function (date) {

    if (date <= new Date().setDate(new Date().getDate()+17) && date >= new Date() ) {
        return [true, 'myClass'];
    }

    return [true, ''];

}

The only problem is that it doesn't give the class to todays date. Any ideas why?

• javascript
• jquery
• jquery-ui-datepicker

Share Improve this question Follow edited Jul 26, 2013 at 10:18 Tom asked Jul 25, 2013 at 16:43 TomTom 13k5050 gold badges153153 silver badges247247 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

maybe something like:

beforeShowDay: function(date) {
   var today = new Date(), maxDate;
   today.setHours(0,0,0,0);
   maxDate = new Date().setDate(today.getDate() + 17);
   if (date <= maxDate && date >= today ) {
      return [true, 'myClass'];
   }
   return [true, ''];
}

JSFIDDLE