如何在Bootstrap Datepicker中显示更少的天数?

时间:2014-05-29 20:21:33

标签: twitter-bootstrap datepicker bootstrap-datepicker

我正在使用this datepicker,正如您在所有演示中看到的那样,天数始终相同:42天(7天x6周)。有什么方法可以显示更少的日子吗?像只有28(7天x 4周)?

2 个答案:

答案 0 :(得分:2)

可以使用简单的CSS规则来隐藏“旧”(前一个月)和“新”(当前月后)天。我使用术语“旧”和“新”,因为插件本身使用这些CSS类。所以,你可以试试这个:

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

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

这可以通过一个小jQuery脚本来修复,该脚本计算td.old的数量,然后可以删除整个第一行(如果适用)并写入月前几天的空白虚拟条目以避免上述问题。

我会这样做,但忙着处理一个项目。

答案 1 :(得分:1)

Josh Padnick,纠正你的css代码: 就是这样:

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