datepicker: Prevent days past a certain day from being selected

Asked Oct 12 '16 at 21:39

Active Oct 13 '16 at 18:50

Viewed 71 times

We're using jQuery UI datepicker and need to limit the selection so the user can't select days past 28 for any month... not seeing this as an option or quite how to inject this, but I'd be fine also just writing my own Javascript after the fact to change the day if they select one we don't want.

Tried function beforeShowDay

jQuery("input[nodeName='date']").datepicker('option', {beforeShowDay: function(date) {
    var d = date.getDate();
    if(d == 29 || d == 30 || d == 31) {
        return [false];
    } else return [true];
}});

and it works however it also closes the calendar as soon as it opens for some reason.

We're using jQuery UI 1.10 datepicker and there's no feasible way we can upgrade with our decrepit app.

edited Oct 13 '16 at 18:50

asked Oct 12 '16 at 21:39

Dave Heq

on select date event: if day > 28 show error and day = 1 – bassxzero Oct 12 '16 at 21:42
also show what you have tried – bassxzero Oct 12 '16 at 21:42
@bassxzero What do you mean exactly "on select date event"... is that a certain function you're aware of? I'm trying to avoid modifying the datepicker code (jQuery UI 1.10). – Dave Heq Oct 13 '16 at 18:45
This link might help you http://stackoverflow.com/questions/14484159/jquery-datepicker-and-beforeshowday – Geeky Oct 13 '16 at 19:02

datepicker: Prevent days past a certain day from being selected

0 Answers0