jQuery datepicker hide dates in between two months

Question

Is there any way to hide the dates in between the two months when the option of numberOfMonths: 2.

I meant the first month's previous days and second month's next days to be enable and the days in between the two months will be hide.

Expected output will be looks like below:

The red colored part to be hide

Red colored part to be hide

Update: Those [Feb 23-28 and May 1-10] need to be grayed out only.

I want to hide the [Apr 1-5] in the March and [Mar 30-31] in the April.

Sample JsFiddle

What about the dates grayed out at the beginning of March (Feb 23-28) and end of April (May 1-10)? — j08691
– j08691, Commented Mar 4, 2015 at 15:52
@j08691: Those [Feb 23-28 and May 1-10] need to grayed out only. I want to hide the [Apr 1-5] in the March and [Mar 30-31] in the April — Arulkumar
– Arulkumar, Commented Mar 4, 2015 at 15:55
From what I remember, aren't those dates that are colored red selectable? So if they are in March, they should be able to click on April 2, and it should provide that date. — krillgar
– krillgar, Commented Mar 4, 2015 at 15:55

j08691 · Accepted Answer · 2015-03-04 16:26:53Z

3

This one was giving me a hard time but I think you can do it with some CSS:

div.ui-datepicker-group-first td:not(.ui-datepicker-other-month) ~ td.ui-datepicker-other-month {
    visibility:hidden;
}
div.ui-datepicker-group-last td {
    visibility:hidden;
}
div.ui-datepicker-group-last td.ui-datepicker-other-month ~ td:not(.ui-datepicker-other-month), div.ui-datepicker-group-last td:not(.ui-datepicker-other-month), div.ui-datepicker-group-last td:not(.ui-datepicker-other-month) ~ td.ui-datepicker-other-month {
    visibility:visible;
}

jsFiddle example

answered Mar 4, 2015 at 16:26

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

j08691 Over a year ago

Just somewhat? Seems to do exactly what you asked.

Collectives™ on Stack Overflow

jQuery datepicker hide dates in between two months

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related