javascript - jquery datepicker highlight eventDates between two dates -


please can me solve these below issues in jquery datepicker

i want highlight start date '09/01/2015' end date '09/30/2015' without adding every single day, like:

    eventdates[ new date( '09/01/2015', 09/31/2015 )] = 'unavailable'; 

this code looks like:

    var eventdates = {};      eventdates[ new date( '09/01/2015' )] = 'unavailable';     eventdates[ new date( '09/02/2015' )] = 'unavailable';     eventdates[ new date( '09/03/2015' )] = 'unavailable';     eventdates[ new date( '09/04/2015' )] = 'unavailable';     eventdates[ new date( '09/05/2015' )] = 'unavailable';     eventdates[ new date( '09/06/2015' )] = 'unavailable';     eventdates[ new date( '09/07/2015' )] = 'unavailable';     eventdates[ new date( '09/08/2015' )] = 'unavailable';     eventdates[ new date( '09/09/2015' )] = 'unavailable';     eventdates[ new date( '09/10/2015' )] = 'unavailable';     eventdates[ new date( '09/11/2015' )] = 'unavailable';     eventdates[ new date( '09/12/2015' )] = 'unavailable';     eventdates[ new date( '09/13/2015' )] = 'unavailable';     eventdates[ new date( '09/14/2015' )] = 'unavailable';     eventdates[ new date( '09/15/2015' )] = 'unavailable';     eventdates[ new date( '09/16/2015' )] = 'unavailable';     eventdates[ new date( '09/17/2015' )] = 'unavailable';     eventdates[ new date( '09/18/2015' )] = 'unavailable';     eventdates[ new date( '09/19/2015' )] = 'unavailable';     eventdates[ new date( '09/20/2015' )] = 'unavailable';     eventdates[ new date( '09/21/2015' )] = 'unavailable';     eventdates[ new date( '09/22/2015' )] = 'unavailable';     eventdates[ new date( '09/23/2015' )] = 'unavailable';     eventdates[ new date( '09/24/2015' )] = 'unavailable';     eventdates[ new date( '09/25/2015' )] = 'unavailable';     eventdates[ new date( '09/26/2015' )] = 'unavailable';     eventdates[ new date( '09/27/2015' )] = 'unavailable';     eventdates[ new date( '09/28/2015' )] = 'unavailable';     eventdates[ new date( '09/29/2015' )] = 'unavailable';     eventdates[ new date( '09/30/2015' )] = 'unavailable';      $( ".section-booking .date-picker-inline1" ).datepicker({          beforeshowday: function(date) {                         var highlight = eventdates[date];           if (highlight) {                 return [true, 'css-class-to-highlight ' + highlight, ''];             } else {                 // default                 return [true, '', ''];            }        } 

why not create highlight function this:

function highlight(start, end){      var currentday = start;      while(currentday <= end){          eventdates[currentday] 'unavailable';          currentday.setdate(currentday.getdate() + 1);      }  } 

and call function dates want highlighted:

highlight(new date('09/01/2015'), new date('09/30/2015')); 

Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -