Twitter Bootstrap +日期選擇器+在屏幕上顯示日曆

我正在使用Twitter Bootstrap Datepicker，並且我想總是在屏幕上顯示日曆，如下例所示。Twitter Bootstrap +日期選擇器+在屏幕上顯示日曆

有人知道一種方法來做到這一點？

謝謝！

Datepicker opened in the screen

2013-04-22 Paulo

看看生成的代碼，並應用CSS它。提供的CSS文件（calendar.css）設置了很多規則，其餘的（display：none，例如）在JavaScript中設置。使用「檢查元素」來查看樣式來自何處，並正確地修改/覆蓋它們。 – 2013-04-22 17:24:04

看看這裏http://stackoverflow.com/a/16902808/975520 – 2013-06-03 17:53:23

您創建一個輸入字段是隱藏的，叫上輸入字段的日期選擇器，呼籲日期選擇器的show動作，然後加入少許CSS隱藏在了頂部的白色小箭頭datepicker div。

<script> 
    $(function() { 
    $("#foo").datepicker(); 
    $("#foo").datepicker("show"); 
    }); 
</script> 

<style> 
    #foo { 
    display:none; 
    } 
    .datepicker:before, .datepicker:after { 
    display: none; 
    } 
</style> 

<input id="foo"/>

JS Fiddle here。

來源

2013-04-24 21:05:11 mccannf