twitter-bootstrap - 如何在 Bootstrap Datepicker 中显示更少的天数？

Question

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

Answer 1

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

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

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

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

我会这样做，但忙于一个项目。

Answer 2

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

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