Jquery 如何调整引导日期选择器的大小?
我的代码如下: HTML: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
<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());