2013-04-22 82 views
1

我正在使用Twitter Bootstrap Datepicker,并且我想总是在屏幕上显示日历,如下例所示。Twitter Bootstrap +日期选择器+在屏幕上显示日历

有人知道一种方法来做到这一点?

谢谢!

Datepicker opened in the screen

+0

看看生成的代码,并应用CSS它。提供的CSS文件(calendar.css)设置了很多规则,其余的(display:none,例如)在JavaScript中设置。 使用“检查元素”来查看样式来自何处,并正确地修改/覆盖它们。 – 2013-04-22 17:24:04

+0

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

回答

0

您创建一个输入字段是隐藏的,叫上输入字段的日期选择器,呼吁日期选择器的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

相关问题