如何删除bootstrap-datepicker中的最后一行

时间:2015-08-04 14:35:22

标签: javascript html css twitter-bootstrap

我正在使用日期选择器组件http://bootstrap-datepicker.readthedocs.org/en/latest/ 我正试图找到一种方法来设置高度或删除最后一行,所以它的高度更小。

现在我得到了一些我不需要在底部的日子。 我想从30日到5日删除整个底行,以便在用户打开日历时高度会变小。 任何人都知道要做到这一点。 enter image description here

1 个答案:

答案 0 :(得分:0)

你可以使用CSS隐藏最后一行(你必须使用正确的datepicker类和索引,但可能不是7):

.datepickerClass tr:nth-child(7) {
    display: none;
}

当您单击箭头时,您应该可以更新它(您可以为“.prev”按钮编写与此类似的内容):

$(".datepickerClass .next").click(function () { 
    $(".datepickerClass tr:nth-child(7)").css("display","none");
});