Calendar : Disable Days

Question

Hi, I want to disable same days in my calendar in JQuery. For example : disable 14 july -> day color became grey like the weekend

Benmakhlouf Saad · Answer

Thanks Guys.

Vinay Singh · Answer

Hi Check the below link http://www.spiceforms.com/blog/how-to-disable-dates-in-jquery-datepicker-a-short-guide/ https://davidwalsh.name/jquery-datepicker-disable-days

Nilesh Sawardekar · Answer

Isn't my solution worked for you, it is as same as what your looking for

Benmakhlouf Saad · Answer

this is what i found in my VS : How can i match between my code and your answer ?

Nilesh Sawardekar · Answer

/*createanarrayofdayswhichneedtobedisabled*/ var disabledDays=[ "2-21-2010" , "2-24-2010" , "2-27-2010" , "2-28-2010" , "3-3-2010" , "3-17-2010" , "4-2-2010" , "4-3-2010" , "4-4-2010" , "4-5-2010" ]; /*utilityfunctions*/ function nationalDays(date){ var m=date.getMonth(),d=date.getDate(),y=date.getFullYear(); //console.log('Checking(raw):'+m+'-'+d+'-'+y); for (i=0;i if ($.inArray((m+1)+ '-' +d+ '-' +y,disabledDays)!=-1|| new Date()>date){ //console.log('bad:'+(m+1)+'-'+d+'-'+y+'/'+disabledDays[i]); return [ false ]; } } //console.log('good:'+(m+1)+'-'+d+'-'+y); return [ true ]; } function noWeekendsOrHolidays(date){ var noWeekend=jQuery.datepicker.noWeekends(date); return noWeekend[0]?nationalDays(date):noWeekend; } /*createdatepicker*/ jQuery(document).ready( function (){ jQuery( '#date' ).datepicker({ minDate: new Date(2010,0,1), maxDate: new Date(2010,5,31), dateFormat: 'DD,MM,d,yy' , constrainInput: true , beforeShowDay:noWeekendsOrHolidays }); }); change this as per your requirement.

Calendar : Disable Days

Answers (5)