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;
}