Comments on: jQuery UI DatePicker: Disable Specified Days

By: Thom

Thom — Thu, 02 Feb 2012 16:05:49 +0000

Thanks a bunch! Your walk-through totally did the trick on a resort-booking application I’m working on!

By: jitesh

jitesh — Sat, 10 Dec 2011 09:05:29 +0000

Hi, david can you please tell me how can i change css of specific dates..?

By: Gulio

Gulio — Fri, 09 Dec 2011 15:26:13 +0000

Fixed already:

return [0] ? nationalDays(date) : noWeekend;

By: Gulio

Gulio — Fri, 09 Dec 2011 15:23:25 +0000

Thanks for this nice code. Is there any simple way to just only disable the disableddays, but keep showing the weekends?

Thanks already!

By: Timur

Timur — Tue, 13 Sep 2011 11:17:35 +0000

Damn it David. Is there anything your blog does not have. All the solutions are here. Thank you very much :)

By: Stefan Gabos

Stefan Gabos — Fri, 17 Jun 2011 14:25:08 +0000

See also http://stefangabos.ro/jquery/zebra-datepicker/ where the disabling of dates is much easier using a syntax similar to cron’s

By: Virendra Dugar

Virendra Dugar — Wed, 01 Jun 2011 05:37:50 +0000

Well, there is a better way to disable only the weekends.

$(function() { $('#').datepicker({ beforeShowDay: $.datepicker.noWeekends }); });

http://jquerybyexample.blogspot.com/2010/07/disable-weekends-in-jquery-ui.html

By: Virendra Dugar

Virendra Dugar — Wed, 01 Jun 2011 05:34:00 +0000

Well, there is a better way to disable only the weekends.

$(function() {
$(‘#’).datepicker({
beforeShowDay: $.datepicker.noWeekends
});
});

http://jquerybyexample.blogspot.com/2010/07/disable-weekends-in-jquery-ui.html

By: mike

mike — Sat, 28 May 2011 04:00:33 +0000

whoops…fixed code post:

function noBefore(date){ if (date < new Date()){ return [false]; } return [true]; }

/* create datepicker & timepicker*/ jQuery(document).ready(function() { jQuery('#datepicker').datepicker({ minDate: new Date(2011, 5, 1), dateFormat: 'dd/mm/yy', constrainInput: true, beforeShowDay: noBefore }); });

By: mike

mike — Sat, 28 May 2011 03:59:07 +0000

Seb I wanted the same result – to disable all previous dates but I cant seem to get your version working. Old dates are still selectable using the below:

function noBefore(date){
if (date < new Date()){
return [false];
}
return [true];
}

jQuery(document).ready(function() {
jQuery('#datepicker').datepicker({
minDate: new Date(2011, 5, 1),
dateFormat: 'dd/mm/yy',
constrainInput: true,
beforeShowDay: noBefore
});
});

@Harish: Wasn't sure what minDate was meant to replace.

I''m not a coder so I'm just grabbing code here and trying to mesh it together.