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
Post a Comment