Jquery 如何调整引导日期选择器的大小?

Jquery 如何调整引导日期选择器的大小?,jquery,css,twitter-bootstrap,datepicker,Jquery,Css,Twitter Bootstrap,Datepicker,我的代码如下: HTML: <div class="input-append date datepicker no-padding" data-date-format="dd-mm-yyyy"> <input class="input-medium" size="16" type="text"><span class="add-on"><i class="icon-th"></i></span> </div&g

我的代码如下:

HTML:

<div class="input-append date datepicker no-padding" data-date-format="dd-mm-yyyy">
    <input class="input-medium" size="16" type="text"><span class="add-on"><i class="icon-th"></i></span>
</div>
演示:

我想更改引导日期选择器的大小

有什么解决我问题的建议吗


谢谢

您可以使用
日期选择器
控制宽度。表格压缩
选择器:

$(文档).ready(函数(){
$('.datepicker').datepicker({
自动关闭:是的,
起始日期:新日期()
});
});
.datepicker,
.表格浓缩{
宽度:500px;
高度:500px;
}


这是一个对我很有效的魔法咒语。而且它在大多数浏览器中运行良好

.datepicker,
.table-condensed {
    width: 220px;
    height: 220px;
    font-size: x-small; 
}

基本上,它显示引导数据采集器的缩小尺寸

在我的例子中,我只想给日期输入赋予与其他输入相同的高度。这条线解决了这个问题:

$('input[type="date"]').height($('input').height());

@T J,非常感谢。我在工作。我想再问一次。是否可以更改日期选择器的高度?@mosestoh增加会很好,我更新了示例。但是,它的最小高度约为200px,可以显示这么多行。。。在200px时,您必须删除
s中的填充。如果你想在下面,你必须做进一步的定制,比如改变字体sizes@TJ,非常感谢
$('input[type="date"]').height($('input').height());