jquery - Twitter Bootstrap + datepicker + 在屏幕中显示日历

Question

我正在使用 Twitter Bootstrap Datepicker，我希望始终在屏幕上显示日历，如下例所示。

有人知道这样做的方法吗？

谢谢！

Answer 1

您可以使用该bootstrap-calendar插件并使用其简单的 css 对其进行样式设置以满足您的需求。

项目站点和文档：https ://github.com/ahmontero/bootstrap-calendar

演示页面：http ://ahmontero.github.io/bootstrap-calendar/

Answer 2

您创建一个隐藏的输入字段，在该输入字段上调用 ​​datepicker，在 datepicker 上调用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 小提琴在这里。