我正在使用Twitter Bootstrap Datepicker,并且我想总是在屏幕上显示日历,如下例所示。Twitter Bootstrap +日期选择器+在屏幕上显示日历
有人知道一种方法来做到这一点?
谢谢!
我正在使用Twitter Bootstrap Datepicker,并且我想总是在屏幕上显示日历,如下例所示。Twitter Bootstrap +日期选择器+在屏幕上显示日历
有人知道一种方法来做到这一点?
谢谢!
您创建一个输入字段是隐藏的,叫上输入字段的日期选择器,呼吁日期选择器的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"/>
您可以使用bootstrap-calendar
插件,并使用其简单的css风格来满足您的需求。
看看生成的代码,并应用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