防止引导日期选择器显示未来的月份

Question

如何限制自举日期选择器将来只显示（而不仅仅是禁用）某些月份/年份。传递endDate只会使超过传递日期的日期被禁用，但它仍然在选择器中显示超过禁用日期的月份。我不想在日期选择器中显示超过我传递日期的任何月份/年份。

编辑：如果可以禁用下一年按钮（用于导航到下一年），如果下一年大于我通过的某一年，那么它也会工作。

Answer 1

不幸的是，没有内置的功能来满足您的要求。

隐藏禁用日期的一种方法是添加一个针对禁用元素的CSS规则。每个禁用元素都有禁用的类。此外：

• 每个元素的类型都有一个类（天有天类，月有月类，年有年类，十年有十年类，世纪有世纪类）
• 所有元素都在div下，带有datepicker和datepicker下拉列表类

您可以使用以下内容：

td.disabled.day,
td>span.month.disabled,
td>span.year.disabled,
td>span.decade.disabled,
td>span.century.disabled {
  visibility: hidden;
}

或

div.datepicker.datepicker-dropdown .disabled {
  visibility: hidden;
}

下面是一个完整的现场示例：

$('#datepicker').datepicker({
  endDate: new Date()
})

td.disabled.day,
td>span.month.disabled,
td>span.year.disabled,
td>span.decade.disabled,
td>span.century.disabled{
  visibility: hidden;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>

<input type="text" class="form-control" id="datepicker">