jQuery datepicker隐藏两个月之间的日期

时间:2015-03-04 15:47:09

标签: jquery-ui datepicker jquery-ui-datepicker

当选择numberOfMonths: 2时,有没有办法隐藏两个月之间的日期。

我的意思是第一个月的前几天和第二个月的下一天要启用,两个月之间的日子将会隐藏。

预期输出如下所示:

要隐藏的红色部分

Red colored part to be hide

更新: 那些[2月23日至28日和5月1日至10日]只需要显示为灰色。

我想隐藏3月份的[4月1 - 5日]和4月份的[3月30日至31日]。

Sample JsFiddle

1 个答案:

答案 0 :(得分:3)

这个给了我一个艰难的时间,但我认为你可以用一些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