如何在 Bootstrap Datepicker 中显示更少的天数？答案

【问题标题】：How to show fewer days in Bootstrap Datepicker?如何在 Bootstrap Datepicker 中显示更少的天数？
【发布时间】：2014-05-29 20:21:33
【问题描述】：

我使用的是this datepicker，正如您在所有演示中看到的那样，天数始终相同：42（7 天 x 6 周）。有什么办法可以显示更少的天数吗？像只有 28 天（7 天 x 4 周）？

【问题讨论】：

【解决方案1】：

可以使用简单的 CSS 规则来隐藏“旧”（当前月份之前）和“新”（当前月份之后）日期。我使用术语“旧”和“新”，因为插件本身使用这些 CSS 类。所以，你可以试试这个：

.datepicker table tr td.old, .datepicker table tr td.new { display: none; }

这对于当前月份后的值非常有用，甚至可以删除无关的底行！但它会导致当前月份值出现问题，并将当前月份的第一天始终放在一周的第一天。

这可以通过一个小的 jQuery 脚本来解决，该脚本计算 td.old 的数量，然后可以删除整个第一行（如果适用）并在前一个月的日子里写空白的虚拟条目以避免这个问题如上所述。

我愿意，但忙于一个项目。

【讨论】：

【解决方案2】：

Josh Padnick，更正您的 CSS 代码：就是这样：

.datepicker table tr td.old, .datepicker table tr td.new { visibility: hidden; }

【讨论】：