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フィドルはこちら。