Bootstrap DateTime选择器上的小字体

Question

我正在使用来自www.github.com/Eonasdan/bootstrap-datetimepicker的Bootstrap 3 DateTime选择器

一切工作正常，除了我需要使用小字体和更少的日历网格线间距。

有谁知道如何做到这一点。 这是原始代码：

<div class="small">
    <div id="myPlaceholder"></div>
</div>

在Javascript上：

 $('#myPlaceholder').datetimepicker({
                language : 'en'
            });

它运作良好，但不显示小字体。

Answer 1

您只需要添加自己的CSS即可为日期选择器设置样式。

这将使列变窄：

.bootstrap-datetimepicker-widget td.day {
    width: 200px;
}

这将使行更短：

.bootstrap-datetimepicker-widget td.day {
    line-height: 10px;
}

这使字体缩小为日期数字：

.bootstrap-datetimepicker-widget td.day {
    font-size: 10px;
}

并将它们结合在一起：

.bootstrap-datetimepicker-widget td.day {
    width: 200px;
    line-height: 10px;
    font-size: 10px;
}

另外，这将减小星期几的字体大小：

th.dow {
    font-size: 12px;
}